composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-04-19 00:28:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°2847 Add JQueryUI modal CSS to modal SCSS file

Browse Source
This commit is contained in:
Stephen Abello
2021-01-06 11:19:13 +01:00
parent 3791306be7
commit 05cf1bc83a
1 changed files with 91 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
css/backoffice/components/_modal.scss
View File

@@ -5,10 +5,15 @@ $ibo-modal--ui-dialog--background-color: $ibo-color-white-100 !default;
$ibo-modal--ui-widget-overlay--background-color: $ibo-color-blue-grey-900 !default;
.ui-dialog{
position: absolute;
top: 0;
left: 0;
padding: $ibo-modal--ui-dialog--padding;
background-color: $ibo-modal--ui-dialog--background-color;
border-radius: $ibo-modal--ui-dialog--border-radius;
overflow: hidden;
outline: 0;
z-index: 21;
&::before{
position: absolute;
top: 0;
@@ -20,6 +25,85 @@ $ibo-modal--ui-widget-overlay--background-color: $ibo-color-blue-grey-900 !defau
height: 8px;
padding-bottom: 8px;
}
.ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog-content {
position: relative;
padding: .5em 1em;
}
.ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
.ui-dialog-buttonset {
float: right;
}
button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
}
.ui-resizable-n {
height: 2px;
top: 0;
}
.ui-resizable-e {
width: 2px;
right: 0;
}
.ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-resizable-w {
width: 2px;
left: 0;
}
.ui-resizable-se {
width: 7px;
height: 7px;
right: 0;
bottom: 0;
}
.ui-resizable-sw {
width: 7px;
height: 7px;
left: 0;
bottom: 0;
}
.ui-resizable-ne {
width: 7px;
height: 7px;
right: 0;
top: 0;
}
.ui-resizable-nw {
width: 7px;
height: 7px;
left: 0;
top: 0;
}
.ui-button {
@extend .ibo-button;
@extend .ibo-is-regular;
@@ -51,5 +135,12 @@ $ibo-modal--ui-widget-overlay--background-color: $ibo-color-blue-grey-900 !defau
@extend %ibo-font-ral-nor-250;
}
.ui-widget-overlay.ui-front{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .5;
filter: Alpha(Opacity=50);
background-color: $ibo-modal--ui-widget-overlay--background-color;
}