Răsfoiți Sursa

Added CSS classes for different positions of the dropdown panel.

Aleksander Nowodzinski 7 ani în urmă
părinte
comite
87bdd42521

+ 20 - 2
packages/ckeditor5-ui/theme/components/dropdown/dropdown.css

@@ -34,8 +34,6 @@
 		z-index: var(--ck-z-modal);
 
 		position: absolute;
-		left: 0px;
-		transform: translate3d( 0, 100%, 0 );
 
 		&.ck-dropdown__panel-visible {
 			display: inline-block;
@@ -43,5 +41,25 @@
 			/* This will prevent blurry icons in dropdown on Firefox. See #340. */
 			will-change: transform;
 		}
+
+		&.ck-dropdown__panel_ne,
+		&.ck-dropdown__panel_nw {
+			bottom: 100%;
+		}
+
+		&.ck-dropdown__panel_se,
+		&.ck-dropdown__panel_sw {
+			transform: translate3d( 0, 100%, 0 );
+		}
+
+		&.ck-dropdown__panel_ne,
+		&.ck-dropdown__panel_se {
+			left: 0px;
+		}
+
+		&.ck-dropdown__panel_nw,
+		&.ck-dropdown__panel_sw {
+			right: 0px;
+		}
 	}
 }