Style wrapped buttons so the toolbar can be resized

This commit is contained in:
Alasdair Smith 2018-05-29 16:56:38 +01:00
parent bfaa6d8dcc
commit 7384cfba1a
2 changed files with 12 additions and 0 deletions

View file

@ -92,6 +92,7 @@
.toolbar-editor {
height: @editor-toolbar-height;
background-color: @editor-toolbar-bg;
overflow: hidden;
}
.loading-screen {

View file

@ -249,9 +249,14 @@
/**************************************
Formatting buttons
***************************************/
.button-measurer-wrapper {
display: flex;
}
.formatting-btn {
padding: 0;
min-width: 32px;
width: 32px;
height: 100%;
display: flex;
align-items: center;
@ -259,8 +264,14 @@
box-shadow: none;
border: none;
border-left: 1px solid #ccc;
border-radius: 0;
&:last-child {
border-right: 1px solid #ccc;
}
}
.formatting-btn-icon {
font-style: normal;
line-height: 1.5;
}