[IMP] ws doc: affix language switcher to page top

This commit is contained in:
Xavier Morel 2014-11-27 16:37:07 +01:00
parent 39d77f9e85
commit 8e9c23235a
3 changed files with 17 additions and 8 deletions

View File

@ -77,7 +77,7 @@ $(function () {
var sheet = findSheet(/style\.css$/);
if (!sheet) { return; }
// build PL switcher UI and hook toggle event
$(buildSwitcher(Object.keys(languages)))
var $switcher = $(buildSwitcher(Object.keys(languages)))
.prependTo('div.documentwrapper')
.on('click', 'li', function (e) {
$(e.target).addClass('active')
@ -93,7 +93,8 @@ $(function () {
].join('');
sheet.deleteRule(lastIndex);
sheet.insertRule(sel + '{' + content + '}', lastIndex);
});
});
$switcher.affix();
})(); }

View File

@ -7248,7 +7248,7 @@ td.field-body > ul {
color: white;
width: auto !important;
float: none !important;
position: fixed;
position: absolute;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
@ -7259,6 +7259,10 @@ td.field-body > ul {
margin: 0;
z-index: 5;
}
.stripe .switcher.affix {
position: fixed;
top: 0;
}
.stripe .switcher li {
background-color: #0f131a;
padding: 0.4em 1em;
@ -7268,10 +7272,10 @@ td.field-body > ul {
}
.stripe .switcher li:first-child {
border-left-width: 1px;
border-radius: 5px 0 0 5px;
border-radius: 0 0 0 5px;
}
.stripe .switcher li:last-child {
border-radius: 0 5px 5px 0;
border-radius: 0 0 5px 0;
}
.stripe .switcher li:hover {
background-color: #222;

View File

@ -767,7 +767,7 @@ td.field-body {
width: auto !important;
float: none !important;
position: fixed;
position: absolute;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
@ -778,6 +778,10 @@ td.field-body {
padding: 0;
margin: 0;
z-index: 5;
&.affix {
position: fixed;
top: 0;
}
li {
background-color: #0f131a;
@ -787,10 +791,10 @@ td.field-body {
cursor: pointer;
&:first-child {
border-left-width: 1px;
border-radius: 5px 0 0 5px;
border-radius: 0 0 0 5px;
}
&:last-child {
border-radius: 0 5px 5px 0;
border-radius: 0 0 5px 0;
}
&:hover {
background-color: #222;