libretic/etherpad-lite
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

css: Improve toolbar icon positionning

Browse source
This commit is contained in:
Sebastian Castro 2020-03-30 07:58:38 +02:00 committed by muxator
parent 8e467ce9aa
commit 082906ace2
2 changed files with 13 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/static/css/pad/icons.css
View file

@ -10,11 +10,7 @@
} }
.buttonicon{ .buttonicon {
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
border: none; border: none;
padding: 0; padding: 0;
background: none; background: none;
@ -25,10 +21,8 @@
font-weight: normal; font-weight: normal;
color: #666; color: #666;
cursor: pointer; cursor: pointer;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal; font-style: normal;
font-variant: normal; font-variant: normal;
text-rendering: auto; text-rendering: auto;
@ -43,7 +37,7 @@
display: inline-block; display: inline-block;
text-decoration: inherit; text-decoration: inherit;
width: 1em; width: 1em;
margin-right: .2em; margin: 0;
text-align: center; text-align: center;
/* For safety - reset parent styles, that can break glyph codes*/ /* For safety - reset parent styles, that can break glyph codes*/
@ -178,10 +172,10 @@
-webkit-animation: spinAnimation 2s infinite linear; -webkit-animation: spinAnimation 2s infinite linear;
animation: spinAnimation 2s infinite linear; animation: spinAnimation 2s infinite linear;
font-family: "fontawesome-etherpad"; font-family: "fontawesome-etherpad";
font-size:22px; font-size: 22px;
z-index:150; z-index: 150;
width:22px; width: 22px;
height:22px; height: 22px;
} }
@-webkit-keyframes spinAnimation { @-webkit-keyframes spinAnimation {

13
src/static/css/pad/toolbar.css
View file

@ -32,18 +32,18 @@
width: 10px; width: 10px;
} }
.toolbar ul li a { .toolbar ul li a {
display: flex;
align-items: center;
justify-content: center;
min-width: 28px;
height: 26px;
border: 1px solid #ccc; border: 1px solid #ccc;
cursor: pointer;
border-radius: 3px; border-radius: 3px;
background: #fff; background: #fff;
color: #ccc; color: #ccc;
cursor: pointer; cursor: pointer;
min-height: 18px;
overflow: hidden; overflow: hidden;
padding: 4px 5px;
text-align: center;
text-decoration: none; text-decoration: none;
min-width: 18px;
transition: background-color .1s; transition: background-color .1s;
} }
.toolbar ul li button:active, .toolbar ul li button:focus { .toolbar ul li button:active, .toolbar ul li button:focus {
@ -133,7 +133,8 @@
margin: 0; margin: 0;
} }
.toolbar ul.menu_right > li[data-key="showusers"] a { .toolbar ul.menu_right > li[data-key="showusers"] a {
padding-top: 10px; height: 100%;
width: 40px;
border-radius: 0; border-radius: 0;
} }
} }