Align text: add missing icons and style its elements and alignment

Change-Id: I9ff97c571080af1c51c47275f659adb141e9410f
Reviewed-on: https://gerrit.libreoffice.org/80447
Reviewed-by: Szymon Kłos <szymon.klos@collabora.com>
Tested-by: Szymon Kłos <szymon.klos@collabora.com>
This commit is contained in:
Pedro 2019-10-08 13:55:56 +02:00 committed by Szymon Kłos
parent e51d0a642d
commit 359750358c
5 changed files with 71 additions and 3 deletions

View file

@ -18,7 +18,7 @@
#buttonnone + label, #buttonbefore + label, #buttonafter + label, #buttonoptimal + label, #buttonparallel + label, #buttonnone + label, #buttonthrough + label{
padding-left: 0;
}
#buttonbefore, #buttonafter, #buttonoptimal, #buttonparallel, #buttonnone, #buttonthrough{
#buttonbefore, #buttonafter, #buttonoptimal, #buttonparallel, #buttonnone, #buttonthrough, #bottom, #top, #standard{
margin: 0;
padding: 0;
-webkit-appearance: none;
@ -27,7 +27,7 @@
padding: 24px 32px 24px 32px;
background-size: 24px !important;
}
#buttonbefore:focus, #buttonafter:focus, #buttonoptimal:focus, #buttonparallel:focus, #buttonnone:focus, #buttonthrough:focus{
#buttonbefore:focus, #buttonafter:focus, #buttonoptimal:focus, #buttonparallel:focus, #buttonnone:focus, #buttonthrough:focus, #bottom:focus, #top:focus, #standard:focus{
border-radius: 4px;
outline: none;
background-color: #e5f1ff;
@ -38,6 +38,9 @@
#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;}
#top{background: url(images/sc_aligntop.svg) no-repeat center;}
#bottom{background: url(images/sc_alignbottom.svg) no-repeat center;}
#standard{background: url(images/sc_alignverticalcenter.svg) no-repeat center;}
#enablecontour{
float: left;
@ -1003,4 +1006,4 @@ tr.useritem > td > img {
menu-entry-with-icon.padding-left + menu-entry-icon.width */
.menu-entry-no-icon {
padding-left: 42px;
}
}

View file

@ -0,0 +1,62 @@
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<rect
style="fill:#ffffff"
id="rect821"
width="20"
height="10"
x="2"
y="7"
ry="0" />
<path
style="fill:#4d82b8"
d="M 1 6 L 1 18 L 22 18 L 23 18 L 23 17 L 23 7 L 23 6 L 22 6 L 1 6 z M 3 7 L 21 7 C 21 7.554 21.446 8 22 8 L 22 16 A 1 1 0 0 0 21 17 L 3 17 C 3 16.446 2.554 16 2 16 L 2 8 C 2.554 8 3 7.554 3 7 z M 12 9 A 3 3 0 0 0 9 12 A 3 3 0 0 0 12 15 A 3 3 0 0 0 15 12 A 3 3 0 0 0 12 9 z "
/>
<path
style="fill:#eac282"
d="m 8,16 a 3,2 0 0 0 -3,2 v 2 a 3,2 0 0 0 3,2 3,2 0 0 0 3,-2 V 18 A 3,2 0 0 0 8,16 Z m 0,1 a 2,1 0 0 1 2,1 2,1 0 0 1 -2,1 2,1 0 0 1 -2,-1 2,1 0 0 1 2,-1 z M 6,19.488281 A 3,2 0 0 0 8,20 3,2 0 0 0 10,19.488281 v 1 A 3,2 0 0 1 8,21 3,2 0 0 1 6,20.488281 Z"
/>
<path
style="fill:#ffffff"
d="m 8,17 a 2,1 0 0 0 -2,1 2,1 0 0 0 2,1 2,1 0 0 0 2,-1 2,1 0 0 0 -2,-1 z m -2,2.488281 v 1 A 3,2 0 0 0 8,21 3,2 0 0 0 10,20.488281 v -1 A 3,2 0 0 1 8,20 3,2 0 0 1 6,19.488281 Z"
/>
<path
style="fill:#eac282"
d="m 20,16 a 3,2 0 0 0 -3,2 v 2 a 3,2 0 0 0 3,2 3,2 0 0 0 3,-2 v -2 a 3,2 0 0 0 -3,-2 z m 0,1 a 2,1 0 0 1 2,1 2,1 0 0 1 -2,1 2,1 0 0 1 -2,-1 2,1 0 0 1 2,-1 z m -2,2.488281 A 3,2 0 0 0 20,20 3,2 0 0 0 22,19.488281 v 1 A 3,2 0 0 1 20,21 3,2 0 0 1 18,20.488281 Z"
/>
<path
style="fill:#ffffff"
d="m 20,17 a 2,1 0 0 0 -2,1 2,1 0 0 0 2,1 2,1 0 0 0 2,-1 2,1 0 0 0 -2,-1 z m -2,2.488281 v 1 A 3,2 0 0 0 20,21 3,2 0 0 0 22,20.488281 v -1 A 3,2 0 0 1 20,20 3,2 0 0 1 18,19.488281 Z"
/>
<path
style="fill:#eac282"
d="m 15,16 a 3,2 0 0 0 -3,2 v 2 a 3,2 0 0 0 3,2 3,2 0 0 0 3,-2 v -2 a 3,2 0 0 0 -3,-2 z m 0,1 a 2,1 0 0 1 2,1 2,1 0 0 1 -2,1 2,1 0 0 1 -2,-1 2,1 0 0 1 2,-1 z m -2,2.488281 A 3,2 0 0 0 15,20 3,2 0 0 0 17,19.488281 v 1 A 3,2 0 0 1 15,21 3,2 0 0 1 13,20.488281 Z"
/>
<path
style="fill:#ffffff"
d="m 15,17 a 2,1 0 0 0 -2,1 2,1 0 0 0 2,1 2,1 0 0 0 2,-1 2,1 0 0 0 -2,-1 z m -2,2.488281 v 1 A 3,2 0 0 0 15,21 3,2 0 0 0 17,20.488281 v -1 A 3,2 0 0 1 15,20 3,2 0 0 1 13,19.488281 Z"
/>
<path
style="fill:#eac282"
d="m 20,14 a 3,2 0 0 0 -3,2 v 2 a 3,2 0 0 0 3,2 3,2 0 0 0 3,-2 v -2 a 3,2 0 0 0 -3,-2 z m 0,1 a 2,1 0 0 1 2,1 2,1 0 0 1 -2,1 2,1 0 0 1 -2,-1 2,1 0 0 1 2,-1 z m -2,2.488281 A 3,2 0 0 0 20,18 3,2 0 0 0 22,17.488281 v 1 A 3,2 0 0 1 20,19 3,2 0 0 1 18,18.488281 Z"
/>
<path
style="fill:#ffffff"
d="m 20,15 a 2,1 0 0 0 -2,1 2,1 0 0 0 2,1 2,1 0 0 0 2,-1 2,1 0 0 0 -2,-1 z m -2,2.488281 v 1 A 3,2 0 0 0 20,19 3,2 0 0 0 22,18.488281 v -1 A 3,2 0 0 1 20,18 3,2 0 0 1 18,17.488281 Z"
/>
<path
style="fill:#eac282"
d="m 15,14 a 3,2 0 0 0 -3,2 v 2 a 3,2 0 0 0 3,2 3,2 0 0 0 3,-2 v -2 a 3,2 0 0 0 -3,-2 z m 0,1 a 2,1 0 0 1 2,1 2,1 0 0 1 -2,1 2,1 0 0 1 -2,-1 2,1 0 0 1 2,-1 z m -2,2.488281 A 3,2 0 0 0 15,18 3,2 0 0 0 17,17.488281 v 1 A 3,2 0 0 1 15,19 3,2 0 0 1 13,18.488281 Z"
/>
<path
style="fill:#ffffff"
d="m 15,15 a 2,1 0 0 0 -2,1 2,1 0 0 0 2,1 2,1 0 0 0 2,-1 2,1 0 0 0 -2,-1 z m -2,2.488281 v 1 A 3,2 0 0 0 15,19 3,2 0 0 0 17,18.488281 v -1 A 3,2 0 0 1 15,18 3,2 0 0 1 13,17.488281 Z"
/>
<path
style="fill:#eac282"
d="m 20,12 a 3,2 0 0 0 -3,2 v 2 a 3,2 0 0 0 3,2 3,2 0 0 0 3,-2 v -2 a 3,2 0 0 0 -3,-2 z m 0,1 a 2,1 0 0 1 2,1 2,1 0 0 1 -2,1 2,1 0 0 1 -2,-1 2,1 0 0 1 2,-1 z m -2,2.488281 A 3,2 0 0 0 20,16 3,2 0 0 0 22,15.488281 v 1 A 3,2 0 0 1 20,17 3,2 0 0 1 18,16.488281 Z"
/>
<path
style="fill:#ffffff"
d="m 20,13 a 2,1 0 0 0 -2,1 2,1 0 0 0 2,1 2,1 0 0 0 2,-1 2,1 0 0 0 -2,-1 z m -2,2.488281 v 1 A 3,2 0 0 0 20,17 3,2 0 0 0 22,16.488281 v -1 A 3,2 0 0 1 20,16 3,2 0 0 1 18,15.488281 Z"
/>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View file

@ -0,0 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#4d82b8" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0 -1 -1 0 17 11)"><path d="m6.5071212 5.4949499-4 4 4 4.0000001"/><path d="m2.5071212 9.4949499h7.9928788"/></g><g fill="#808080"><rect height="1" ry=".47603" width="14" x="1" y="12"/><rect height="1" ry=".5" width="8" x="1" y="14"/></g></svg>

After

Width:  |  Height:  |  Size: 400 B

View file

@ -0,0 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#4d82b8" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0 1 -1 0 17 4.992879)"><path d="m6.5071212 5.4949499-4 4 4 4.0000001"/><path d="m2.5071212 9.4949499h7.9928788"/></g><g fill="#808080"><rect height="1" ry=".5" width="14" x="1" y="2"/><rect height="1" ry=".47603" width="8" x="1" y="4"/></g></svg>

After

Width:  |  Height:  |  Size: 403 B

View file

@ -0,0 +1 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="#4d82b8" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0 -1 -1 0 17 8)"><path d="m6.5071212 5.4949499-4 4 4 4.0000001"/><path d="m2.5071212 9.4949499h4.9928788"/></g><g fill="none" stroke="#4d82b8" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0 1 -1 0 17 7.992879)"><path d="m6.5071212 5.4949499-4 4 4 4.0000001"/><path d="m2.5071212 9.4949499h5"/></g><g fill="#808080"><rect height="1" ry=".47603" width="8" x="1" y="9"/><rect height="1" ry=".47603" width="14" x="1" y="7"/></g></svg>

After

Width:  |  Height:  |  Size: 607 B