fix: Weird menu rendering placement issue on Firefox browsers (#1572)

* fix: Weird menu rendering placement issue on Firefox browsers * Extra encouragement for Firefox to justify correctly
2024-09-22 19:19:27 -07:00
parent 299d21acab
commit 3576a51be1
1 changed files with 13 additions and 1 deletions
@@ -11,7 +11,7 @@

 slot {
  position: absolute;
-  display: block;
+  display: flex;
 }

 /***************
@@ -38,10 +38,22 @@ slot[name='right'] {
 slot[name='top'],
 slot[name='bottom'] {
  width: 100%;
+  flex-direction: column;
 }
 slot[name='left'],
 slot[name='right'] {
  height: 100%;
+  flex-direction: row;
+}
+
+slot[name='top'],
+slot[name='left'] {
+  justify-content: flex-start;
+}
+
+slot[name='bottom'],
+slot[name='right'] {
+  justify-content: flex-end;
 }

 /*******************************