Procházet zdrojové kódy

Style dropdown & clean up naming

Alasdair Smith před 8 roky
rodič
revize
c5f62d3aa3

+ 23 - 13
services/web/public/stylesheets/app/editor/toolbar.less

@@ -257,7 +257,6 @@ formatting-buttons {
 
 .formatting-btn {
 	padding: 0;
-	margin: 3px 0;
 	height: 100%;
 	display: flex;
 	align-items: center;
@@ -266,24 +265,35 @@ formatting-buttons {
 	border: none;
 	border-left: 1px solid #ccc;
 	border-radius: 0;
-}
 
-.formatting-btn-with-icon {
-	min-width: 32px;
-	width: 32px;
+	&--icon {
+		min-width: 32px;
+		width: 32px;
 
-	&:nth-child(-1) {
-		border-right: 1px solid #ccc;
+		&:last-of-type {
+			border-right: 1px solid @formatting-btn-border;
+		}
 	}
-}
 
-.formatting-btn-overflowed {
-	margin-left: auto;
-	padding-left: 5px;
-	padding-right: 5px;
+	&--more {
+		padding-left: 9px;
+		padding-right: 9px;
+	}
 }
 
-.formatting-btn-icon {
+.formatting-icon {
 	font-style: normal;
 	line-height: 1.5;
 }
+
+.formatting-more {
+	margin-left: auto;
+}
+
+.formatting-menu {
+	min-width: auto;
+
+	.formatting-menu-item {
+		float: left;
+	}
+}