Use the same font-size for all the toolbar buttons
parent
8172f117a7
commit
48496416e7
|
@ -42,6 +42,7 @@
|
|||
}
|
||||
|
||||
button {
|
||||
font-size: @toolbar-button-font-size;
|
||||
&#shareButton, &.buttonSuccess {
|
||||
// Bootstrap 4 colors
|
||||
color: #fff;
|
||||
|
|
|
@ -72,6 +72,7 @@
|
|||
|
||||
@toolbar-gradient-start: #f5f5f5;
|
||||
@toolbar-gradient-end: #DDDDDD;
|
||||
@toolbar-button-font-size: 14px;
|
||||
|
||||
@topbar-back: #fff;
|
||||
@topbar-color: #000;
|
||||
|
|
|
@ -118,6 +118,7 @@
|
|||
float: right;
|
||||
}
|
||||
.cryptpad-toolbar button {
|
||||
font-size: 14px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: .25rem;
|
||||
color: #292b2c;
|
||||
|
|
|
@ -450,7 +450,7 @@ span.fa-folder-open {
|
|||
#driveToolbar {
|
||||
background: #ddd;
|
||||
color: #555;
|
||||
height: 40px;
|
||||
height: 30px;
|
||||
display: flex;
|
||||
flex-flow: row;
|
||||
border-top: 1px solid #ccc;
|
||||
|
@ -458,6 +458,7 @@ span.fa-folder-open {
|
|||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
||||
z-index: 100;
|
||||
box-sizing: content-box;
|
||||
padding: 0 6px;
|
||||
/* The container <div> - needed to position the dropdown content */
|
||||
}
|
||||
#driveToolbar .newPadContainer {
|
||||
|
@ -465,24 +466,25 @@ span.fa-folder-open {
|
|||
height: 100%;
|
||||
}
|
||||
#driveToolbar button {
|
||||
height: 26px;
|
||||
height: 24px;
|
||||
font-size: 14px;
|
||||
}
|
||||
#driveToolbar button.element {
|
||||
border-radius: 2px;
|
||||
background: #888;
|
||||
color: #eee;
|
||||
font-size: 16px;
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
border: 1px solid #888;
|
||||
font-weight: bold;
|
||||
}
|
||||
#driveToolbar button.element:hover {
|
||||
box-shadow: 0px 0px 2px #000;
|
||||
background: #777;
|
||||
}
|
||||
#driveToolbar button.new {
|
||||
padding: 0 5px;
|
||||
}
|
||||
#driveToolbar .dropdown-bar {
|
||||
margin: 5px 5px;
|
||||
margin: 2px 2px;
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
@ -516,7 +518,7 @@ span.fa-folder-open {
|
|||
#driveToolbar .path {
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
line-height: 40px;
|
||||
line-height: 30px;
|
||||
cursor: default;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
|
|
|
@ -17,10 +17,14 @@
|
|||
@toolbar-fg: #555;
|
||||
@toolbar-border-col: #ccc;
|
||||
@toolbar-button-bg: #888;
|
||||
@toolbar-button-border: #888;
|
||||
@toolbar-button-bg-hover: #777;
|
||||
@toolbar-button-fg: #eee;
|
||||
@toolbar-path-bg: #fff;
|
||||
@toolbar-path-border: #888;
|
||||
|
||||
@button-font-size: 14px;
|
||||
|
||||
@size-mobile: 600px;
|
||||
|
||||
/* PAGE */
|
||||
|
@ -515,7 +519,7 @@ span {
|
|||
#driveToolbar {
|
||||
background: @toolbar-bg;
|
||||
color: @toolbar-fg;
|
||||
height: 40px;
|
||||
height: 30px;
|
||||
display: flex;
|
||||
flex-flow: row;
|
||||
border-top: 1px solid @toolbar-border-col;
|
||||
|
@ -523,6 +527,7 @@ span {
|
|||
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
|
||||
z-index: 100;
|
||||
box-sizing: content-box;
|
||||
padding: 0 6px;
|
||||
|
||||
.newPadContainer {
|
||||
display: inline-block;
|
||||
|
@ -530,16 +535,17 @@ span {
|
|||
}
|
||||
|
||||
button {
|
||||
height: 26px;
|
||||
height: 24px;
|
||||
font-size: @button-font-size;
|
||||
&.element {
|
||||
border-radius: 2px;
|
||||
background: @toolbar-button-bg;
|
||||
color: @toolbar-button-fg;
|
||||
font-size: 16px;
|
||||
border: none;
|
||||
font-size: 14px;
|
||||
border: 1px solid @toolbar-button-border;
|
||||
font-weight: bold;
|
||||
&:hover {
|
||||
box-shadow: 0px 0px 2px #000;
|
||||
background: @toolbar-button-bg-hover;
|
||||
}
|
||||
}
|
||||
&.new {
|
||||
|
@ -548,7 +554,7 @@ span {
|
|||
}
|
||||
/* The container <div> - needed to position the dropdown content */
|
||||
.dropdown-bar {
|
||||
margin: 5px 5px;
|
||||
margin: 2px 2px;
|
||||
line-height: 1em;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
@ -583,7 +589,7 @@ span {
|
|||
.path {
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
line-height: 40px;
|
||||
line-height: 30px;
|
||||
cursor: default;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
|
|
Loading…
Reference in New Issue