MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1,161: / Line 1,161: @@
      background-color: #ffb84d;
 }
-/* Reset OOUI Elements */
+/* Reset VisualEditor Layout */
-.oo-ui-buttonWidget,
+body.ve-active .oo-ui-layout,
-.oo-ui-iconElement,
+body.ve-active .oo-ui-toolbar,
-.oo-ui-toolbar,
+body.ve-active .oo-ui-window,
-.oo-ui-toolGroup {
+body.ve-active .ve-ui-toolbar,
-    all: unset;
+body.ve-active .oo-ui-buttonWidget {
      box-sizing: border-box;
+    max-width: 100%;
+    height: auto;
+    overflow: visible;
 }
-/* Then reapply desired styles */
+/* Ensure toolbars and buttons stay visible */
-.oo-ui-buttonWidget {
+body.ve-active .oo-ui-toolbar {
+    position: relative;
+    z-index: 10;
+}
+body.ve-active .oo-ui-buttonWidget {
+    min-height: 32px;
+    padding: 6px 12px;
+    border: 1px solid #ff851b;
+    background-color: #001933;
+    color: #ffffff;
+}
+body.ve-active .oo-ui-buttonWidget:hover {
+    background-color: #ff851b;
+    color: #001933;
+}
+body.ve-active .oo-ui-window-foot {
+    display: flex !important;
+}
+/* Reset VisualEditor Layout */
+body.ve-active .oo-ui-layout,
+body.ve-active .oo-ui-toolbar,
+body.ve-active .oo-ui-window,
+body.ve-active .ve-ui-toolbar,
+body.ve-active .oo-ui-buttonWidget {
+    box-sizing: border-box;
+    max-width: 100%;
+    height: auto;
+    overflow: visible;
+}
+/* Fix Bottom Buttons */
+body.ve-active .oo-ui-window-foot {
+    display: flex !important;
+    justify-content: flex-end;
+    padding: 10px;
+    background-color: #001933;
+    border-top: 1px solid #ff851b;
+    position: relative;
+    z-index: 20;
+}
+/* Buttons inside Footer */
+body.ve-active .oo-ui-window-foot .oo-ui-buttonWidget {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 6px 12px;
+    border-radius: 4px;
+    background-color: #003366;
+    color: #ffffff;
+    border: 1px solid #ff851b;
+}
+body.ve-active .oo-ui-window-foot .oo-ui-buttonWidget:hover {
+    background-color: #ff851b;
+    color: #001933;
+}
+/* Apply only when NOT in VisualEditor */
+body:not(.ve-active) .portable-infobox {
      background-color: #001933;
      color: #ffffff;
      border: 1px solid #ff851b;
 }