web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix style issues in the toolbar

Browse Source
This commit is contained in:
yflory
2016-12-20 14:40:00 +01:00
parent f9db7e588e
commit 4aed585574
4 changed files with 52 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
customize.dist/toolbar.css
View File

@@ -17,9 +17,8 @@
background: linear-gradient(#f5f5f5, #DDDDDD);
/* Standard syntax */
}
.toolbar-container .cryptpad-lag {
position: relative;
top: -2px;
.toolbar-container .cryptpad-toolbar select {
box-sizing: border-box;
}
.cryptpad-toolbar {
box-sizing: border-box;
@@ -39,6 +38,17 @@
.cryptpad-toolbar a {
float: right;
}
.cryptpad-toolbar .cryptpad-lag {
vertical-align: top;
height: 16px;
width: 16px;
display: inline-block;
margin: 2px 0px;
padding: 5px;
}
.cryptpad-toolbar .cryptpad-lag div {
margin: auto;
}
.cryptpad-toolbar div {
white-space: normal;
}
@@ -48,11 +58,6 @@
cursor: pointer;
color: #000;
}
.cryptpad-toolbar div.cryptpad-lag {
float: left;
line-height: 26px;
margin: 2px 0px;
}
.cryptpad-toolbar button,
.cryptpad-toolbar select,
.cryptpad-toolbar .rightside-element {
@@ -118,6 +123,11 @@
padding-left: 5px;
border: 1px solid #A6A6A6;
border-bottom-color: #979797;
vertical-align: top;
box-sizing: content-box;
}
.cryptpad-toolbar select option {
height: 24px;
}
.cryptpad-toolbar-top {
display: block;
@@ -234,6 +244,9 @@
position: absolute;
right: 0;
}
.cryptpad-toolbar-top .cryptpad-user span:not(.cryptpad-lag) {
vertical-align: top;
}
@media screen and (max-width: 400px) {
.cryptpad-toolbar-top .cryptpad-user {
top: 3em;
@@ -289,8 +302,10 @@
padding: 5px 0px;
margin: 5px 0px;
font-size: 16px;
white-space: normal;
}
.cryptpad-toolbar-leftside .cryptpad-dropdown-container .cryptpad-dropdown button {
white-space: normal;
margin: 2px 0px;
}
.cryptpad-toolbar-leftside button {
@@ -303,7 +318,6 @@
text-align: right;
}
.cryptpad-spinner {
float: left;
display: inline-block;
height: 26px;
margin: 2px;
@@ -316,10 +330,6 @@
text-transform: uppercase;
}
.lag {
display: inline-block;
vertical-align: middle;
padding: 0 !important;
margin: 0 5px !important;
height: 15px !important;
width: 15px !important;
border-radius: 50%;