From e63905b315c1b2eef0afabc516dc9d6d55cbf983 Mon Sep 17 00:00:00 2001 From: Jessica Lawshe Date: Thu, 17 Nov 2022 09:31:00 -0600 Subject: [PATCH] Merge pull request #10525 from overleaf/jel-icons [web] Use Material icon for CMS icon list GitOrigin-RevId: 927a7565ebf76343b734af83eb703e0cf91bae37 --- .../frontend/stylesheets/components/lists.less | 18 +++++++++++++++++- .../public/img/material-icon-circle-green.svg | 1 + 2 files changed, 18 insertions(+), 1 deletion(-) create mode 100644 services/web/public/img/material-icon-circle-green.svg diff --git a/services/web/frontend/stylesheets/components/lists.less b/services/web/frontend/stylesheets/components/lists.less index bf026a2925..ef16296983 100644 --- a/services/web/frontend/stylesheets/components/lists.less +++ b/services/web/frontend/stylesheets/components/lists.less @@ -27,7 +27,23 @@ } .icon-bullet-list { + @icon-bullet-list-icon-size: 30px; + ul { + list-style: none; + padding-left: 20px; + } + &.checked { - list-style-image: url('../../../public/img/fa-check-green.svg'); + li { + background: url('../../../public/img/material-icon-circle-green.svg') + no-repeat left top; + background-size: @icon-bullet-list-icon-size @icon-bullet-list-icon-size; + min-height: @icon-bullet-list-icon-size; + margin-bottom: 18px; + padding-left: 42px; + &:first-line { + line-height: @icon-bullet-list-icon-size; + } + } } } diff --git a/services/web/public/img/material-icon-circle-green.svg b/services/web/public/img/material-icon-circle-green.svg new file mode 100644 index 0000000000..68fe062685 --- /dev/null +++ b/services/web/public/img/material-icon-circle-green.svg @@ -0,0 +1 @@ + \ No newline at end of file