github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Style different buttons

Browse source
This commit is contained in:
Alasdair Smith 2018-05-31 13:31:24 +01:00
parent 7384cfba1a
commit aaf5da877e
1 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
services/web/public/stylesheets/app/editor/toolbar.less
View file

@ -249,14 +249,15 @@
/************************************** /**************************************
Formatting buttons Formatting buttons
***************************************/ ***************************************/
.button-measurer-wrapper { formatting-buttons {
display: flex; display: flex;
width: 100%;
overflow: hidden;
} }
.formatting-btn { .formatting-btn {
padding: 0; padding: 0;
min-width: 32px; margin: 3px 0;
width: 32px;
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
@ -265,12 +266,23 @@
border: none; border: none;
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
border-radius: 0; border-radius: 0;
}
&:last-child { .formatting-btn-with-icon {
min-width: 32px;
width: 32px;
&:nth-child(-1) {
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
} }
} }
.formatting-btn-overflowed {
margin-left: auto;
padding-left: 5px;
padding-right: 5px;
}
.formatting-btn-icon { .formatting-btn-icon {
font-style: normal; font-style: normal;
line-height: 1.5; line-height: 1.5;