adjust CSS to styleguide, remove left padding, prevent user-selection
This commit is contained in:
parent
9e56acbdc9
commit
24641c909e
|
@ -1,4 +1,5 @@
|
||||||
/* ---- APP STYLING ---- */
|
/* APP STYLING -------------------------------------------------------------- */
|
||||||
|
|
||||||
|
|
||||||
#app {
|
#app {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -8,6 +9,13 @@
|
||||||
-moz-box-sizing: border-box; box-sizing: border-box;
|
-moz-box-sizing: border-box; box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* APP-NAVIGATION ------------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
/* Navigation: folder like structure */
|
/* Navigation: folder like structure */
|
||||||
#app-navigation {
|
#app-navigation {
|
||||||
width: 230px;
|
width: 230px;
|
||||||
|
@ -17,6 +25,10 @@
|
||||||
background-color: #f8f8f8;
|
background-color: #f8f8f8;
|
||||||
border-right: 1px solid #ccc;
|
border-right: 1px solid #ccc;
|
||||||
padding-bottom: 44px;
|
padding-bottom: 44px;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
}
|
}
|
||||||
#app-navigation > ul {
|
#app-navigation > ul {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -166,6 +178,11 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* APP-CONTENT ---------------------------------------------------------------*/
|
||||||
|
|
||||||
|
|
||||||
/* Part where the content will be loaded into */
|
/* Part where the content will be loaded into */
|
||||||
#app-content {
|
#app-content {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
@ -122,10 +122,6 @@
|
||||||
|
|
||||||
/* NAVIGATION --------------------------------------------------------------- */
|
/* NAVIGATION --------------------------------------------------------------- */
|
||||||
|
|
||||||
#content-wrapper {
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#navigation {
|
#navigation {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 45px;
|
top: 45px;
|
||||||
|
|
|
@ -253,6 +253,10 @@ input[type="submit"].enabled {
|
||||||
background: #eee;
|
background: #eee;
|
||||||
border-bottom: 1px solid #e7e7e7;
|
border-bottom: 1px solid #e7e7e7;
|
||||||
z-index: 50;
|
z-index: 50;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
}
|
}
|
||||||
#controls .button,
|
#controls .button,
|
||||||
#controls button,
|
#controls button,
|
||||||
|
@ -272,14 +276,22 @@ input[type="submit"].enabled {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content { position:relative; height:100%; width:100%; }
|
#content {
|
||||||
|
position: relative;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
#content .hascontrols {
|
#content .hascontrols {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 45px;
|
top: 45px;
|
||||||
}
|
}
|
||||||
#content-wrapper {
|
#content-wrapper {
|
||||||
position:absolute; height:100%; width:100%; padding-left:80px; padding-top: 45px;
|
position: absolute;
|
||||||
-moz-box-sizing:border-box; box-sizing:border-box;
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
padding-top: 45px;
|
||||||
|
-moz-box-sizing:border-box;
|
||||||
|
box-sizing:border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
#emptycontent {
|
#emptycontent {
|
||||||
|
|
Loading…
Reference in New Issue