ApiSandbox: Resize layout to fit content, and remove fullscreen mode

[lhc/web/wiklou.git] / resources / src / mediawiki.special / mediawiki.special.apisandbox.css

diff --git a/resources/src/mediawiki.special/mediawiki.special.apisandbox.css b/resources/src/mediawiki.special/mediawiki.special.apisandbox.css
index 60f83ad..fe5ac41 100644 (file)
--- a/resources/src/mediawiki.special/mediawiki.special.apisandbox.css
+++ b/resources/src/mediawiki.special/mediawiki.special.apisandbox.css
@@ -1,10 +1,13 @@
-.mw-apisandbox-fullscreen {
-       overflow: hidden;
-}
-
 .mw-apisandbox-toolbar {
+       background: #fff;
+       -webkit-position: sticky;
+       position: sticky;
+       top: 0;
+       margin-bottom: -1px;
+       padding: 0.5em 0;
+       border-bottom: 1px solid #a2a9b1;
        text-align: right;
-       padding: 0.5em;
+       z-index: 1;
 }
 
 #mw-apisandbox-ui .mw-apisandbox-link {
@@ -35,20 +38,6 @@
        width: 1%;
 }
 
-.mw-apisandbox-fullscreen #mw-apisandbox-ui {
-       position: fixed;
-       top: 0;
-       left: 0;
-       bottom: 0;
-       right: 0;
-       background: #fff;
-}
-
-.mw-apisandbox-fullscreen .mw-apisandbox-container {
-       border-width: 1px 0 0 0;
-       border-radius: 0;
-}
-
 .mw-apisandbox-spacer {
        display: inline-block;
        height: 1px;