131 lines
2.0 KiB
SCSS
131 lines
2.0 KiB
SCSS
html,
|
|
body,
|
|
form[name=body_form],
|
|
form[name=editform] {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
background-color: transparent;
|
|
}
|
|
|
|
body.panel_frame { /* IFRAME UVNITŘ PANELU */
|
|
padding: 5px;
|
|
height: auto;
|
|
width: auto;
|
|
}
|
|
|
|
/*************************** MAIN CONTENT ***********************************/
|
|
#body-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
|
|
#main_content {
|
|
flex: 1 0 auto;
|
|
background-color: $gray-background;
|
|
display: flex;
|
|
}
|
|
|
|
#right_content {
|
|
flex: 1 0 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
#right_content iframe {
|
|
flex: 1 0 auto;
|
|
}
|
|
|
|
#left_content {
|
|
width: 240px;
|
|
flex: 0 0 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
transition: width .5s;
|
|
position: relative;
|
|
|
|
.side-hide {
|
|
right: 7px;
|
|
position: absolute;
|
|
}
|
|
|
|
&.collapsed {
|
|
width: 56px;
|
|
}
|
|
|
|
iframe {
|
|
flex: 1 0 auto;
|
|
background-color: #272930;
|
|
}
|
|
}
|
|
|
|
.container-fluid.box {
|
|
min-height: 100%;
|
|
}
|
|
|
|
.iframe-box {
|
|
margin: -20px; // vyresetuje paddingy
|
|
}
|
|
|
|
/*************************** PANEL ********************************************/
|
|
|
|
.row.static {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
margin: 0;
|
|
z-index: 20;
|
|
}
|
|
|
|
.row.static .alert {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
margin: 0;
|
|
z-index: 20;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/*************************** PANEL END ********************************************/
|
|
|
|
/************************ FLEXBOX PROPERTIES **************************************/
|
|
.box { /* SLOUPEC */
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.box-row { /* ŘÁDEK */
|
|
display: flex;
|
|
}
|
|
|
|
.boxFlex {
|
|
flex: 1 0 auto;
|
|
}
|
|
|
|
.boxStatic {
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.boxFlex textarea,
|
|
.boxFlex textarea.wysiwyg {
|
|
flex: 1 0 auto;
|
|
}
|
|
|
|
.tab-content .box.active {
|
|
display: flex;
|
|
}
|
|
|
|
/********************** FLEXBOX PROPERTIES END *************************************/
|
|
|
|
.bg-white-box {
|
|
background: $body-bg;
|
|
padding: 15px;
|
|
border-radius: $border-radius-base;
|
|
}
|