瀏覽代碼

Merge pull request #19594 from overleaf/jel-light-touch-table-checkmark

[web] Add new green checkmark to plans light touch redesign

GitOrigin-RevId: f6c38e819fdd784ccf39ab09109a33fcd58f23d8
Jessica Lawshe 2 年之前
父節點
當前提交
606f9eaec7

+ 1 - 1
services/web/app/views/subscriptions/plans/light-redesign/_mixins.pug

@@ -315,7 +315,7 @@ mixin table_cell(feature, plan)
 				| !{translate(planValue, {}, ['strong'])}
 			else if (feature.value === 'bool')
 				if (planValue)
-					i.fa.fa-check(aria-hidden="true")
+					i.material-symbols.material-symbols-outlined.icon-green-round-background.icon-sm(aria-hidden="true") check
 					span.sr-only #{translate("feature_included")}
 				else
 					span(aria-hidden="true") -

+ 10 - 0
services/web/frontend/stylesheets/components/icons.less

@@ -26,3 +26,13 @@
   width: 16px !important;
   height: 16px !important;
 }
+
+.icon-round-background {
+  border-radius: 50%;
+}
+
+.icon-green-round-background {
+  .icon-round-background;
+  background: var(--green-30);
+  color: var(--dark-jungle-green);
+}