Pginer has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/154985

Change subject: Fixed header style
......................................................................

Fixed header style

Style for a sticky header. Only main navigation elements
remain visible when "sticky" class is applied to .cx-header.

Change-Id: I6f8d1ed05123820ba310ed00b8c5e2cbbf691469
WIP: the style is not automatically applied when scrolling.
---
M modules/header/styles/ext.cx.header.less
1 file changed, 18 insertions(+), 2 deletions(-)


  git pull 
ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/ContentTranslation 
refs/changes/85/154985/1

diff --git a/modules/header/styles/ext.cx.header.less 
b/modules/header/styles/ext.cx.header.less
index ff218e8..7115b8f 100644
--- a/modules/header/styles/ext.cx.header.less
+++ b/modules/header/styles/ext.cx.header.less
@@ -1,6 +1,10 @@
 @import "../../base/styles/grid/agora-grid";
 @import "mediawiki.mixins";
 
+.cx-header{
+       transition: width 0.15s;
+}
+
 .cx-header__logo {
        .mw-ui-item;
        .mw-ui-two-thirds;
@@ -24,7 +28,7 @@
        .mw-ui-one-whole;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
-       box-shadow: 0 4px #fafafa;
+       box-shadow: 0 4px rgba(0,0,0,0.05);
 }
 
 .cx-header__translation-center {
@@ -77,6 +81,18 @@
 
 .cx-header__publish {
        .mw-ui-item;
-       .mw-ui-one-eighth;
+       .mw-ui-one-quarter;
        float: right;
 }
+
+.cx-header.sticky {
+       .mw-ui-two-thirds;
+       position:fixed;
+       background: #fff;
+       padding-top: 5px;
+       padding: 5px 0 0 0;
+       .cx-header__logo,
+       .cx-header__user-details {
+               display: none;
+       }
+}
\ No newline at end of file

-- 
To view, visit https://gerrit.wikimedia.org/r/154985
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: I6f8d1ed05123820ba310ed00b8c5e2cbbf691469
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/ContentTranslation
Gerrit-Branch: master
Gerrit-Owner: Pginer <[email protected]>

_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to