leaflet: annotation: wizard: style context menu for mobile
- Bigger targets - Add existent icon or create for better mobile scanning - Improve layout Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com> Change-Id: Iccfdfb3d02e3c4ee148fdcfa05ba3c0a320a6c78
This commit is contained in:
Pedro Pinto Silva
pedropintosilva
parent
b51cc9ce62
commit
a4ca812257
3 changed files with 118 additions and 0 deletions
|
|
@ -750,3 +750,31 @@ td[id^='tb_spreadsheet-toolbar_item']:focus table.w2ui-button div.w2ui-icon, td[
|
|||
.impress-comment-highlight {
|
||||
filter: grayscale(1);
|
||||
}
|
||||
|
||||
/* Related to jquery.contextMenu.css */
|
||||
.context-menu-list .context-menu-item {
|
||||
height: 38px;
|
||||
width: 100%;
|
||||
display: table;
|
||||
box-sizing: border-box;
|
||||
padding-left: 16px;
|
||||
}
|
||||
.context-menu-list .context-menu-item span {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
font-weight: bold;
|
||||
color: dark-grey;
|
||||
padding-left: 38px;
|
||||
}
|
||||
.context-menu-list .context-menu-item:nth-child(1) span {
|
||||
background: url('images/lc_editannotation.svg') no-repeat left center /24px;
|
||||
}
|
||||
.context-menu-list .context-menu-item:nth-child(2) span {
|
||||
background: url('images/lc_replycomment.svg') no-repeat left center /24px;
|
||||
}
|
||||
.context-menu-list .context-menu-item:nth-child(3) span {
|
||||
background: url('images/lc_deleteannotation.svg') no-repeat left center /24px;
|
||||
}
|
||||
.context-menu-list .context-menu-item:nth-child(4) span {
|
||||
background: url('images/lc_ok.svg') no-repeat left center /24px;
|
||||
}
|
||||
60
loleaflet/images/lc_editannotation.svg
Normal file
60
loleaflet/images/lc_editannotation.svg
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<?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"
|
||||
viewBox="0 0 24 24"
|
||||
version="1.1"
|
||||
id="svg6">
|
||||
<metadata
|
||||
id="metadata12">
|
||||
<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="defs10" />
|
||||
<path
|
||||
id="path2"
|
||||
d="M 3,2 C 2.4477381,2.0000552 2.0000552,2.4477381 2,3 v 13 c 5.52e-5,0.552262 0.4477381,0.999945 1,1 h 3 v 3.5 1.146484 C 6,21.899591 6.3222577,22 6.5,22 6.8399592,22 7.1202669,21.769805 7.6699219,21.244141 L 12.382812,17 h 0.285157 l 0.03906,-0.03906 0.0039,0.0039 4.80664,-4.78711 1.671875,-1.667968 C 19.524376,10.175251 19.978129,10 20.419922,10 c 0.441838,0 0.894352,0.172138 1.232422,0.509766 L 22,10.857422 V 3 C 21.999945,2.4477381 21.552262,2.0000552 21,2 Z"
|
||||
style="display:inline;fill:#3a3a38;fill-opacity:1" />
|
||||
<path
|
||||
id="path4"
|
||||
style="display:inline;fill:#fafafa;fill-opacity:1"
|
||||
d="m 3,3 v 13 h 4 v 4.5 L 12,16 h 1.732228 c 0,0 2.532878,-2.521351 3.81162,-3.795996 0.557534,-0.555747 1.671875,-1.667968 1.671875,-1.667968 0.334923,-0.334515 0.788676,-0.509766 1.230469,-0.509766 0.19539,0 0.365063,0.01245 0.553808,0.0792 V 3 Z" />
|
||||
<g
|
||||
fill="#fb983b"
|
||||
transform="translate(-1,-1)"
|
||||
id="g18"
|
||||
style="display:inline">
|
||||
<path
|
||||
d="m 20.419922,11 c -0.189562,0 -0.378184,0.07172 -0.523438,0.216797 l -1.673828,1.669922 2.847656,2.849609 1.710938,-1.638672 c 0.290506,-0.290127 0.290506,-0.756747 0,-1.046875 L 20.945312,11.216797 C 20.800058,11.071733 20.609484,11 20.419922,11 Z m 0,0.990234 1.582031,1.580078 -0.917969,0.88086 -1.5625,-1.5625 z"
|
||||
fill="#0063b1"
|
||||
transform="translate(1,1)"
|
||||
id="path8" />
|
||||
<path
|
||||
d="m 21.419922,12.990234 -0.898438,0.898438 1.5625,1.5625 0.917969,-0.88086 z"
|
||||
fill="#83beec"
|
||||
id="path10" />
|
||||
<g
|
||||
transform="translate(1,1)"
|
||||
id="g16">
|
||||
<path
|
||||
d="m 12.708984,18.376953 -0.002,-0.002 L 12,19.082031 l 0.002,0.002 -0.05078,0.05078 L 11,23 l 3.806641,-1.011719 6.24414,-6.271484 -2.828125,-2.830078 z m 5.511719,-4.191406 1.53125,1.533203 -4.841797,4.861328 -1.550781,-1.552734 z m -5.509765,5.708984 1.34375,1.341797 -1.791016,0.476563 z"
|
||||
fill="#0063b1"
|
||||
id="path12" />
|
||||
<path
|
||||
d="m 18.220703,14.185547 1.53125,1.533203 -4.841797,4.861328 -1.550781,-1.552734 z m -5.509765,5.708984 1.34375,1.341797 -1.791016,0.476563 z"
|
||||
fill="#83beec"
|
||||
id="path14" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
30
loleaflet/images/lc_replycomment.svg
Normal file
30
loleaflet/images/lc_replycomment.svg
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<?xml-stylesheet type="text/css" href="icons.css" ?>
|
||||
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="background"
|
||||
class="icn icn--area-color"
|
||||
fill="#fafafa"
|
||||
stroke="#3a3a38"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path d="m 3.5,2.5 c -0.5,5.52e-5 -1,0.5 -1,1 v 12 c 5.52e-5,0.5 0.5,1 1,1 h 2 v 3.5 1.45 c 0,0.58 0.6,0.35 0.5,0.35 0.33,0 0.6,-0.25 1.17,-0.75 L 12,16.5 h 9 c 0.5,-5.5e-5 1,-0.5 1,-1 v -12 c -5.5e-5,-0.5 -0.45,-1 -1,-1 z" />
|
||||
</g>
|
||||
<g id="symbol-background"
|
||||
class="icn icn--background"
|
||||
stroke="#fff"
|
||||
stroke-width="3px"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path d="m 13.5,13.5 v 6 h 2 v 3 l 3,-3 h 4 v -6 z" />
|
||||
</g>
|
||||
<g id="symbol"
|
||||
class="icn icn--highlight-color"
|
||||
fill="#83beec"
|
||||
stroke="#1e8bcd"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
>
|
||||
<path d="m 13.5,13.5 v 6 h 2 v 3 l 3,-3 h 4 v -6 z" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 975 B |
Loading…
Reference in a new issue