mirror of
https://github.com/Combodo/iTop.git
synced 2026-04-27 04:28:44 +02:00
149 lines
4.2 KiB
SCSS
149 lines
4.2 KiB
SCSS
$ibo-high-contrast--thin-border: solid 1px $ibo-color-grey-900 !default;
|
|
$ibo-high-contrast--medium-border: solid 2px $ibo-color-grey-900 !default;
|
|
|
|
$ibo-alert--icon--font-size: 3rem !default;
|
|
$ibo-alert--icon--top: calc(50% - #{$ibo-alert--icon--font-size} / 2) !default;
|
|
$ibo-alert--icon--left: $ibo-spacing-500 !default;
|
|
$ibo-alert--icon--opacity: 0.8 !default;
|
|
$ibo-alert--icons: (
|
|
'success': '\f00c',
|
|
'information': '\f129',
|
|
'warning': '\f12a',
|
|
'danger': '\f071',
|
|
'failure': '\f071',
|
|
'error': '\f071',
|
|
) !default;
|
|
|
|
$ibo-toast--icon--font-size: 2rem !default;
|
|
$ibo-toast--icon--top: calc(50% - #{$ibo-toast--icon--font-size} / 2) !default;
|
|
$ibo-toast--icon--left: $ibo-spacing-400 !default;
|
|
|
|
|
|
@each $sName, $sIcon in $ibo-alert--icons {
|
|
%ibo-alert-#{$sName}, .ibo-alert.ibo-is-#{$sName} {
|
|
&::after {
|
|
content: $sIcon;
|
|
@extend %fa-solid-base;
|
|
position: absolute;
|
|
top: $ibo-alert--icon--top;
|
|
left: $ibo-alert--icon--left;
|
|
opacity: $ibo-alert--icon--opacity;
|
|
font-size: $ibo-alert--icon--font-size;
|
|
width: $ibo-alert--icon--font-size;
|
|
text-align: center;
|
|
}
|
|
|
|
.ibo-alert--body, .ibo-alert--title {
|
|
padding-left: calc(#{$ibo-alert--icon--left} + #{$ibo-alert--icon--font-size});
|
|
}
|
|
}
|
|
|
|
.ibo-toast.ibo-is-#{$sName} {
|
|
&::after{
|
|
font-size: $ibo-toast--icon--font-size !important;
|
|
top: $ibo-toast--icon--top !important;
|
|
left: $ibo-toast--icon--left !important;
|
|
width: $ibo-toast--icon--font-size !important;
|
|
}
|
|
padding-left: calc(#{$ibo-toast--padding-left} / 2 + #{$ibo-toast--icon--left} + #{$ibo-toast--icon--font-size});
|
|
}
|
|
}
|
|
|
|
.ibo-navigation-menu--notifications--item--new-message-indicator{
|
|
border: none !important;
|
|
background-color: transparent !important;
|
|
&.ibo-is-priority-1::before{
|
|
content: "\f12a \f12a \f12a";
|
|
@extend %fa-solid-base;
|
|
color: $ibo-color-danger-900;
|
|
}
|
|
&.ibo-is-priority-2::before{
|
|
content: "\f12a \f12a";
|
|
@extend %fa-solid-base;
|
|
color: $ibo-color-warning-900;
|
|
}
|
|
&.ibo-is-priority-3::before{
|
|
content: "\f12a";
|
|
@extend %fa-solid-base;
|
|
color: $ibo-color-success-900;
|
|
}
|
|
&.ibo-is-priority-4::before{
|
|
content: "\f129";
|
|
@extend %fa-solid-base;
|
|
color: $ibo-color-information-900;
|
|
}
|
|
}
|
|
|
|
.ibo-navigation-menu--menu-nodes ul li > a:hover, .ibo-navigation-menu--menu-node-counter{
|
|
border: $ibo-high-contrast--thin-border;
|
|
}
|
|
|
|
.ibo-top-bar{
|
|
box-shadow: none;
|
|
border-bottom: $ibo-high-contrast--medium-border;
|
|
}
|
|
.ibo-breadcrumbs--item-icon > span, .ibo-breadcrumbs--item-icon > img{
|
|
opacity: 1 !important;
|
|
}
|
|
.ibo-tab-container--tabs-list{
|
|
border-bottom: $ibo-high-contrast--thin-border;
|
|
}
|
|
.ibo-tab-container--extra-tabs-list{
|
|
border: $ibo-high-contrast--thin-border;
|
|
}
|
|
.ibo-datatable tbody > tr {
|
|
border-bottom: $ibo-high-contrast--thin-border;
|
|
}
|
|
|
|
.ibo-activity-panel--tab-toolbar{
|
|
border-bottom: $ibo-high-contrast--thin-border;
|
|
border-top: $ibo-high-contrast--thin-border;
|
|
}
|
|
.ibo-activity-entry--main-information{
|
|
border: $ibo-high-contrast--thin-border;
|
|
}
|
|
.ibo-activity-entry--medallion.ibo-has-image{
|
|
box-shadow: none;
|
|
border: $ibo-high-contrast--thin-border;
|
|
}
|
|
.ibo-activity-panel--tab-toggler.ibo-is-active .ibo-activity-panel--tab-title{
|
|
border-left: $ibo-high-contrast--thin-border;
|
|
border-right: $ibo-high-contrast--thin-border;
|
|
font-weight: 800;
|
|
}
|
|
.ibo-button{
|
|
border: $ibo-high-contrast--thin-border;
|
|
}
|
|
@each $sColor, $aColorValues in $ibo-alert-colors {
|
|
$highlight-color: nth($aColorValues, 2);
|
|
%ibo-alert-#{$sColor}, .ibo-alert.ibo-is-#{$sColor} {
|
|
border: 1px solid $highlight-color;
|
|
}
|
|
}
|
|
|
|
.ibo-pill{
|
|
border: 1px solid var(--ibo-main-color--900);
|
|
}
|
|
|
|
@each $sType, $aColors in $ibo-pill-states-colors {
|
|
.ibo-pill.ibo-is-#{$sType} {
|
|
border: 1px solid map-get($aColors, 'secondary-color');
|
|
}
|
|
}
|
|
|
|
.ibo-quick-create, .ibo-global-search{
|
|
border-left: $ibo-high-contrast--thin-border;
|
|
border-right: $ibo-high-contrast--thin-border;
|
|
}
|
|
|
|
.ibo-popover-menu{
|
|
border: $ibo-high-contrast--thin-border;
|
|
}
|
|
|
|
.ibo-popover-menu--item:not(:last-child){
|
|
border-bottom: $ibo-high-contrast--thin-border;
|
|
}
|
|
|
|
.ibo-welcome-popup--stack-item.ibo-is-active {
|
|
border-width: 2px;
|
|
} |