loleaflet/css/toolbar.css | 72 ++++++++++++++++++++++++++++++++++++
loleaflet/images/lc_ok_white.svg | 34 +++++++++++++++++
loleaflet/images/sc_wrapleft.svg | 1
loleaflet/images/sc_wrapmenu.svg | 1
loleaflet/images/sc_wrapoff.svg | 1
loleaflet/images/sc_wrapright.svg | 1
loleaflet/images/sc_wrapthrough.svg | 1
7 files changed, 111 insertions(+)
New commits:
commit a818388dad64fd8c8e93287113850dd3f52cca08
Author: Pedro <pedro.si...@collabora.com>
AuthorDate: Mon Oct 7 18:37:01 2019 +0200
Commit: Szymon Kłos <szymon.k...@collabora.com>
CommitDate: Mon Oct 7 19:40:08 2019 +0200
Styling WrapPropertyPanel: checkbox and radioboxes plus layout
Change-Id: Ic0bfbc16726d0d1a402f35a3c205c6c15c8dbbb1
Reviewed-on: https://gerrit.libreoffice.org/80396
Reviewed-by: Szymon Kłos <szymon.k...@collabora.com>
Tested-by: Szymon Kłos <szymon.k...@collabora.com>
diff --git a/loleaflet/css/toolbar.css b/loleaflet/css/toolbar.css
index 9aeffbb5a..de5250b75 100644
--- a/loleaflet/css/toolbar.css
+++ b/loleaflet/css/toolbar.css
@@ -1,4 +1,76 @@
@media (max-width: 767px), (max-device-height: 767px) {
+ #buttonbefore, #buttonafter, #buttonoptimal, #buttonparallel,
#buttonnone, #buttonthrough{
+ margin: 0;
+ padding: 0;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ padding: 24px 32px 24px 32px;
+ background-size: 24px !important;
+ }
+ #buttonbefore:focus, #buttonafter:focus, #buttonoptimal:focus,
#buttonparallel:focus, #buttonnone:focus, #buttonthrough:focus{
+ border-radius: 4px;
+ outline: none;
+ background-color: #e5f1ff;
+ }
+ #buttonbefore{background: url(images/sc_wrapleft.svg) no-repeat center;}
+ #buttonafter{background: url(images/sc_wrapright.svg) no-repeat center;}
+ #buttonoptimal{background: url(images/sc_wrapleft.svg) no-repeat
center;}
+ #buttonparallel{background: url(images/sc_wrapmenu.svg) no-repeat
center;}
+ #buttonnone{background: url(images/sc_wrapoff.svg) no-repeat center;}
+ #buttonthrough{background: url(images/sc_wrapthrough.svg) no-repeat
center;}
+
+ #enablecontour{
+ float: left;
+ margin: 16px 0px;
+ }
+ input[type=checkbox]#enablecontour{
+ appearance: none;
+ width: 24px;
+ height: 24px;
+ margin: 10px 0px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -o-appearance: none;
+ appearance: none;
+ border-radius: 2px;
+ border: 2px solid #aaa;
+ outline: none;
+ box-shadow: #00000015 0px 0px 2px 1px;
+ }
+ input[type=checkbox]#enablecontour:checked{
+ background: url(images/lc_ok_white.svg) no-repeat center;
+ background-color: #0b87e7;
+ border-radius: 2px;
+ border: 2px solid #0b87e7;
+ outline: none;
+ box-shadow: none;
+ }
+ input[type=checkbox]#enablecontour:before{
+ width: 20px;
+ height: 20px;
+ }
+ input[type=checkbox]#enablecontour:after{
+ top: -20px;
+ width: 16px;
+ }
+ #enablecontour + label{
+ line-height: 44px;
+ vertical-align: baseline;
+ padding-left: 24px;
+ }
+ #enablecontour + button {
+ float: right;
+ margin: 24px 0px;
+ height: 38px;
+ border-radius: 4px;
+ color: #0b87e7;
+ font-weight: bold;
+ background-color: #fff;
+ text-transform: uppercase;
+ border: 1px solid #0b87e7;
+ }
+ #enablecontour + button + p {clear: both;}
#formulabar {
padding: 0px !important;
border-top: 1px solid #bbbbbb !important;
diff --git a/loleaflet/images/lc_ok_white.svg b/loleaflet/images/lc_ok_white.svg
new file mode 100644
index 000000000..9951c53a1
--- /dev/null
+++ b/loleaflet/images/lc_ok_white.svg
@@ -0,0 +1,34 @@
+<?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";
+ id="svg4"
+ version="1.1"
+ viewBox="0 0 24 24">
+ <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
+ style="stroke:#ffffff"
+ id="path2"
+ stroke-width="2"
+ stroke-linejoin="round"
+ stroke-linecap="round"
+ stroke="#76a797"
+ fill="none"
+ d="m5.0111434 14.000039 4.9999996 4 10.000001-11.9999998" />
+</svg>
diff --git a/loleaflet/images/sc_wrapleft.svg b/loleaflet/images/sc_wrapleft.svg
new file mode 100644
index 000000000..e0119e035
--- /dev/null
+++ b/loleaflet/images/sc_wrapleft.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg";><g
fill="#808080"><rect height="1" ry=".5" width="14" x="1" y="1"/><rect
height="1" ry=".5" width="5" x="1" y="10"/><rect height="1" ry=".5" width="14"
x="1" y="14"/><rect height="1" ry=".5" width="5" x="1" y="4"/><rect height="1"
ry=".5" width="5" x="1" y="7"/></g><rect fill="#4d82b8" height="10" ry="1"
width="8" x="7" y="3"/></svg>
\ No newline at end of file
diff --git a/loleaflet/images/sc_wrapmenu.svg b/loleaflet/images/sc_wrapmenu.svg
new file mode 100644
index 000000000..9ceb5190f
--- /dev/null
+++ b/loleaflet/images/sc_wrapmenu.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg";><g
fill="#808080"><rect height="1" ry=".5" width="14" x="1" y="1"/><rect
height="1" ry=".47603" width="3" x="1" y="10"/><rect height="1" ry=".5"
width="14" x="1" y="14"/><rect height="1" ry=".464045" width="3" x="1"
y="4"/><rect height="1" ry=".344197" width="3" x="1" y="7"/></g><rect
fill="#4d82b8" height="10" ry="1" width="6" x="5" y="3"/><rect fill="#808080"
height="1" ry=".47603" width="3" x="12" y="10"/><rect fill="#808080" height="1"
ry=".464045" width="3" x="12" y="4"/><rect fill="#808080" height="1"
ry=".344197" width="3" x="12" y="7"/></svg>
\ No newline at end of file
diff --git a/loleaflet/images/sc_wrapoff.svg b/loleaflet/images/sc_wrapoff.svg
new file mode 100644
index 000000000..0a731b779
--- /dev/null
+++ b/loleaflet/images/sc_wrapoff.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg";><rect
fill="#808080" height="1" ry=".5" width="14" x="1" y="1"/><rect fill="#808080"
height="1" ry=".5" width="14" x="1" y="14"/><rect fill="#4d82b8" height="10"
ry="1" width="8" x="4" y="3"/></svg>
\ No newline at end of file
diff --git a/loleaflet/images/sc_wrapright.svg
b/loleaflet/images/sc_wrapright.svg
new file mode 100644
index 000000000..792979872
--- /dev/null
+++ b/loleaflet/images/sc_wrapright.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg";><g
transform="scale(-1 1)"><g fill="#808080"><rect height="1" ry=".5" width="14"
x="-15" y="1"/><rect height="1" ry=".5" width="5" x="-15" y="10"/><rect
height="1" ry=".5" width="14" x="-15" y="14"/><rect height="1" ry=".5"
width="5" x="-15" y="4"/><rect height="1" ry=".5" width="5" x="-15"
y="7"/></g><rect fill="#4d82b8" height="10" ry="1" width="8" x="-9"
y="3"/></g></svg>
\ No newline at end of file
diff --git a/loleaflet/images/sc_wrapthrough.svg
b/loleaflet/images/sc_wrapthrough.svg
new file mode 100644
index 000000000..c362df44b
--- /dev/null
+++ b/loleaflet/images/sc_wrapthrough.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg";><rect
fill="#4d82b8" height="10" ry="1" width="6" x="5" y="3"/><g
fill="#808080"><rect height="1" ry=".5" width="14" x="1" y="1"/><rect
height="1" ry=".47603" width="14" x="1" y="10"/><rect height="1" ry=".5"
width="14" x="1" y="14"/><rect height="1" ry=".47603" width="14" x="1"
y="4"/><rect height="1" ry=".47603" width="14" x="1" y="7"/></g></svg>
\ No newline at end of file
_______________________________________________
Libreoffice-commits mailing list
libreoffice-comm...@lists.freedesktop.org
https://lists.freedesktop.org/mailman/listinfo/libreoffice-commits
