github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-10-17 21:05:04 -04:00
Code Issues Projects Releases Packages Wiki Activity

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

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

GitOrigin-RevId: f6c38e819fdd784ccf39ab09109a33fcd58f23d8
This commit is contained in:
Jessica Lawshe 2024-07-25 08:45:46 -05:00 committed by Copybot
parent d3ee849415
commit 606f9eaec7
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
services/web/app/views/subscriptions/plans/light-redesign/_mixins.pug
View file

@ -315,7 +315,7 @@ mixin table_cell(feature, plan)
| !{translate(planValue, {}, ['strong'])} | !{translate(planValue, {}, ['strong'])}
else if (feature.value === 'bool') else if (feature.value === 'bool')
if (planValue) 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")} span.sr-only #{translate("feature_included")}
else else
span(aria-hidden="true") - span(aria-hidden="true") -

10
services/web/frontend/stylesheets/components/icons.less
View file

@ -26,3 +26,13 @@
width: 16px !important; width: 16px !important;
height: 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);
}