mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 07:24:13 +01:00
57 lines
2.1 KiB
SCSS
57 lines
2.1 KiB
SCSS
/*
|
|
* @copyright Copyright (C) 2010-2023 Combodo SARL
|
|
* @license http://opensource.org/licenses/AGPL-3.0
|
|
*/
|
|
|
|
/* SCSS variables */
|
|
$ibo-modal--max-height: 90vh !default;
|
|
$ibo-modal--max-width: 90vw !default;
|
|
$ibo-modal-option--do-not-show-again--margin-top: $ibo-spacing-500 !default;
|
|
|
|
$ibo-modal--is-informative--min-width: $ibo-size-700 !default;
|
|
$ibo-modal--is-informative--min-height: $ibo-size-300 !default;
|
|
$ibo-modal--is-informative--is-error--highlight--background-color: $ibo-color-red-600 !default;
|
|
$ibo-modal--is-informative--is-warning--highlight--background-color: $ibo-color-orange-600 !default;
|
|
$ibo-modal--is-informative--is-information--highlight--background-color: $ibo-color-blue-600 !default;
|
|
$ibo-modal--is-informative--is-success--highlight--background-color: $ibo-color-green-600 !default;
|
|
|
|
/* Avoid modals bigger than window size
|
|
!important in order to overload jQueryUI max-height:none being put on dialog elements */
|
|
.ibo-modal{
|
|
max-height: $ibo-modal--max-height !important;
|
|
max-width: $ibo-modal--max-width !important;
|
|
}
|
|
|
|
// Modal Option - Do not show again
|
|
.ibo-modal-option--do-not-show-again{
|
|
margin-top: $ibo-modal-option--do-not-show-again--margin-top;
|
|
|
|
.ibo-modal-option--do-not-show-again--checkbox{
|
|
height: auto;
|
|
display: inline-block;
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
.ibo-modal.ibo-is-informative{
|
|
display: flex;
|
|
align-items: center;
|
|
min-width: $ibo-modal--is-informative--min-width;
|
|
min-height: $ibo-modal--is-informative--min-height !important; // !important in order to overload jQueryUI CSS rule that's put directly on the element
|
|
|
|
&::before {
|
|
@include ibo-vertical-highlight;
|
|
}
|
|
&.ibo-is-error::before {
|
|
background-color: $ibo-modal--is-informative--is-error--highlight--background-color;
|
|
}
|
|
&.ibo-is-warning::before {
|
|
background-color: $ibo-modal--is-informative--is-warning--highlight--background-color;
|
|
}
|
|
&.ibo-is-information::before {
|
|
background-color: $ibo-modal--is-informative--is-information--highlight--background-color;
|
|
}
|
|
&.ibo-is-success::before {
|
|
background-color: $ibo-modal--is-informative--is-success--highlight--background-color;
|
|
}
|
|
} |