ソースを参照

Internal: Adjusted balloon panel styles after names refactoring in #defaultPositions. Closes #86.

Aleksander Nowodzinski 8 年 前
コミット
8621a8f104

+ 12 - 12
packages/ckeditor5-theme-lark/theme/components/panel/balloonpanel.scss

@@ -25,9 +25,9 @@ $ck-balloon-arrow-half-width: 10px;
 	}
 
 	&.ck-balloon-panel_arrow {
-		&_s,
-		&_se,
-		&_sw {
+		&_n,
+		&_ne,
+		&_nw {
 			&:before,
 			&:after {
 				border-width: 0 $ck-balloon-arrow-half-width $ck-balloon-arrow-height $ck-balloon-arrow-half-width;
@@ -43,9 +43,9 @@ $ck-balloon-arrow-half-width: 10px;
 			}
 		}
 
-		&_n,
-		&_ne,
-		&_nw {
+		&_s,
+		&_se,
+		&_sw {
 			&:before,
 			&:after {
 				border-width: $ck-balloon-arrow-height $ck-balloon-arrow-half-width 0 $ck-balloon-arrow-half-width;
@@ -61,7 +61,7 @@ $ck-balloon-arrow-half-width: 10px;
 			}
 		}
 
-		&_s {
+		&_n {
 			&:before,
 			&:after {
 				left: 50%;
@@ -70,7 +70,7 @@ $ck-balloon-arrow-half-width: 10px;
 			}
 		}
 
-		&_se {
+		&_ne {
 			&:before,
 			&:after {
 				left: 2 * $ck-balloon-arrow-half-width;
@@ -78,7 +78,7 @@ $ck-balloon-arrow-half-width: 10px;
 			}
 		}
 
-		&_sw {
+		&_nw {
 			&:before,
 			&:after {
 				right: 2 * $ck-balloon-arrow-half-width;
@@ -86,7 +86,7 @@ $ck-balloon-arrow-half-width: 10px;
 			}
 		}
 
-		&_n {
+		&_s {
 			&:before,
 			&:after {
 				left: 50%;
@@ -95,7 +95,7 @@ $ck-balloon-arrow-half-width: 10px;
 			}
 		}
 
-		&_ne {
+		&_se {
 			&:before,
 			&:after {
 				left: 2 * $ck-balloon-arrow-half-width;
@@ -103,7 +103,7 @@ $ck-balloon-arrow-half-width: 10px;
 			}
 		}
 
-		&_nw {
+		&_sw {
 			&:before,
 			&:after {
 				right: 2 * $ck-balloon-arrow-half-width;

+ 6 - 6
packages/ckeditor5-theme-lark/theme/components/toolbar/contextualtoolbar.scss

@@ -11,17 +11,17 @@
 	}
 
 	&.ck-balloon-panel {
-		&_arrow_s,
-		&_arrow_se,
-		&_arrow_sw {
+		&_arrow_n,
+		&_arrow_ne,
+		&_arrow_nw {
 			&:after {
 				border-bottom-color: ck-color( 'foreground' );
 			}
 		}
 
-		&_arrow_n,
-		&_arrow_ne,
-		&_arrow_nw {
+		&_arrow_s,
+		&_arrow_se,
+		&_arrow_sw {
 			&:after {
 				border-top-color: ck-color( 'foreground' );
 			}