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

Reply via email to