Small fixes to menu

This commit is contained in:
brantje 2016-09-25 18:19:55 +02:00
parent 514abefb84
commit 5823b34dcf
4 changed files with 36 additions and 11 deletions

View file

@ -401,9 +401,6 @@
#app-content #app-content-wrapper #passman-controls {
border-bottom: 1px solid #c9c9c9; }
#app-navigation + #app-content #passman-controls {
left: 250px; }
#passman-controls {
box-sizing: border-box;
position: fixed;
@ -418,9 +415,15 @@
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: calc( 100% - 250px ) !important;
height: 44px !important; }
@media only screen and (max-width: 768px) {
#passman-controls {
width: 100%; } }
@media only screen and (min-width: 768px) {
#app-navigation + #app-content #passman-controls {
left: 250px;
width: calc( 100% - 250px ) !important; } }
#passman-controls .button, #passman-controls, #passman-controls input[type='submit'], #passman-controls input[type='text'], #passman-controls input[type='password'], #passman-controls select {
box-sizing: border-box;
display: inline-block;

File diff suppressed because one or more lines are too long

View file

@ -123,5 +123,19 @@ jQuery(document).ready(function () {
$(window).resize(_.debounce(adjustControlsWidth, 400));
setTimeout(function(){
adjustControlsWidth(true)
},200)
},200);
//@Fack this
$(document).on('click', '#app-navigation-toggle', function(){
setTimeout(function(){
if($('#app-content').css('transform').toString().indexOf('matrix') >= 0){
$('#passman-controls').css('width', 'calc( 100% - 245px)');
$('#passman-controls').css('top', '0');
} else {
$('#passman-controls').css('left', 0);
$('#passman-controls').css('top', '44px');
$('#passman-controls').css('width', '100%');
}
}, 350);
})
});

View file

@ -39,9 +39,7 @@
border-bottom: 1px solid #c9c9c9;
}
#app-navigation+#app-content #passman-controls {
left: 250px;
}
#passman-controls {
box-sizing: border-box;
position: fixed;
@ -57,10 +55,20 @@
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: calc( 100% - 250px ) !important;
height: 44px !important;
}
@media only screen and (max-width: 768px){
#passman-controls{
width: 100%;
}
}
@media only screen and (min-width: 768px){
#app-navigation+#app-content #passman-controls {
left: 250px;
width: calc( 100% - 250px ) !important;
}
}
#passman-controls .button, #passman-controls, #passman-controls input[type='submit'], #passman-controls input[type='text'], #passman-controls input[type='password'], #passman-controls select {
box-sizing: border-box;
display: inline-block;