|
@@ -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;
|
|
|
|
|
- width: 32px;
|
|
|
|
|
|
|
+ margin: 3px 0;
|
|
|
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;
|