loleaflet/css/menubar.css | 18 ++++++++++++++---- loleaflet/images/lc_menu_chevron.svg | 31 +++++++++++++++++++++++++++++++ 2 files changed, 45 insertions(+), 4 deletions(-)
New commits: commit fb6157b65fe96e4966f9d47f6d43660bfbff2d94 Author: Pedro Pinto Silva <pedro.si...@collabora.com> AuthorDate: Wed Sep 23 12:25:50 2020 +0200 Commit: Pedro Silva <pedro.si...@collabora.com> CommitDate: Wed Sep 23 14:24:06 2020 +0200 Top Menu: improve resolution of menu marks by using svg instead of unicode content Change-Id: I66629ef6cfade8c24701bace3f172e28fd5243ae Reviewed-on: https://gerrit.libreoffice.org/c/online/+/103241 Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoff...@gmail.com> Reviewed-by: Pedro Silva <pedro.si...@collabora.com> diff --git a/loleaflet/css/menubar.css b/loleaflet/css/menubar.css index df58c5fcc..b630141ba 100644 --- a/loleaflet/css/menubar.css +++ b/loleaflet/css/menubar.css @@ -146,7 +146,13 @@ .lo-menu ul a span.sub-arrow { right: 0; margin-right: 5px; - background: transparent; /* we want them to be transparent always whether mobile or desktop */ + background: transparent url('images/lc_menu_chevron.svg') no-repeat center right; /* we want them to be transparent always whether mobile or desktop */ + color: transparent; + /*transform: rotate(180deg);*/ +} +.lo-menu ul a:hover > span.sub-arrow { + -webkit-filter: brightness(100); + filter: brightness(100); } .lo-menu ul > li { border-left: 0; @@ -245,13 +251,17 @@ /* The smartmenus plugin doesn't seem to have support for icons, so implement our own pseudo-elements */ .lo-menu-item-checked::before { position: absolute; - content: '\2713'; - left: 5px; - top: 5px; + content: ' '; + left: 2px; + background: url('images/lc_listitem-selected.svg') no-repeat left -2px; + width: 20px; + height: 20px; } .lo-menu-item-checked:hover::before { color: #fff; + -webkit-filter: brightness(100); + filter: brightness(100); } .writer-icon-img { diff --git a/loleaflet/images/lc_menu_chevron.svg b/loleaflet/images/lc_menu_chevron.svg new file mode 100644 index 000000000..ad7ae2be7 --- /dev/null +++ b/loleaflet/images/lc_menu_chevron.svg @@ -0,0 +1,31 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + height="9" + width="9" + id="svg4" + version="1.1" + viewBox="0 0 9 9"> + <metadata + id="metadata10"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs8" /> + <path + id="path2" + d="M 2.8222656,0.22851562 A 0.70006999,0.70006999 0 0 0 2.3027344,1.4160156 L 5.2265625,4.5 2.3027344,7.5839844 A 0.70006999,0.70006999 0 1 0 3.3183594,8.546875 L 6.6992188,4.9824219 a 0.70006999,0.70006999 0 0 0 0,-0.9648438 L 3.3183594,0.453125 A 0.70006999,0.70006999 0 0 0 2.8222656,0.22851562 Z" + style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#bbbbbb;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.39 999998;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" /> +</svg> _______________________________________________ Libreoffice-commits mailing list libreoffice-comm...@lists.freedesktop.org https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits