Просмотр исходного кода

Style wrapped buttons so the toolbar can be resized

Alasdair Smith 8 лет назад
Родитель
Сommit
7384cfba1a

+ 1 - 0
services/web/public/stylesheets/app/editor.less

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

+ 11 - 0
services/web/public/stylesheets/app/editor/toolbar.less

@@ -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;
+}