mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 07:24:13 +01:00
86 lines
3.4 KiB
SCSS
86 lines
3.4 KiB
SCSS
/*
|
|
* @copyright Copyright (C) 2010-2024 Combodo SARL
|
|
* @license http://opensource.org/licenses/AGPL-3.0
|
|
*/
|
|
|
|
$ibo-notifications--view-all--container--grid-gap: $ibo-spacing-600 !default;
|
|
$ibo-notifications--view-all--container--object-summary--title--font-size: $ibo-font-size-250 !default;
|
|
$ibo-notifications--view-all--container--object-summary--toolbar--min-width: $ibo-size-500 !default;
|
|
$ibo-notifications--view-all--container--object-summary--panel--body--max-height: 400px !default;
|
|
|
|
$ibo-notifications--view-all--item--unread--highlight--background-color: $ibo-color-red-600 !default;
|
|
$ibo-notifications--view-all--item--read--highlight--background-color: $ibo-color-grey-200 !default;
|
|
|
|
$ibo-notifications--view-all--container--read-unread--action--margin-left: $ibo-spacing-0 !default;
|
|
|
|
$ibo-notifications--view-all--container--large--grid-template-columns: repeat(3, 1fr) !default;
|
|
$ibo-notifications--view-all--container--medium--grid-template-columns: repeat(2, 1fr) !default;
|
|
$ibo-notifications--view-all--container--small--grid-template-columns: repeat(1, 1fr) !default;
|
|
|
|
$ibo-notifications--view-all--empty--margin-top: $ibo-spacing-950 !default;
|
|
$ibo-notifications--view-all--empty--svg--max-width: 30% !default;
|
|
|
|
.ibo-notifications--view-all--container{
|
|
display: grid;
|
|
grid-gap: $ibo-notifications--view-all--container--grid-gap;
|
|
.ibo-object-summary .ibo-panel--title{
|
|
font-size: $ibo-notifications--view-all--container--object-summary--title--font-size;
|
|
}
|
|
.ibo-object-summary .ibo-panel--toolbar{
|
|
min-width: $ibo-notifications--view-all--container--object-summary--toolbar--min-width;
|
|
}
|
|
.ibo-object-summary > .ibo-panel--body{
|
|
box-shadow: none;
|
|
max-height: $ibo-notifications--view-all--container--object-summary--panel--body--max-height;
|
|
}
|
|
.ibo-object-summary + .ibo-object-summary{
|
|
margin-top: 0;
|
|
}
|
|
|
|
@include mobile {
|
|
grid-template-columns: $ibo-notifications--view-all--container--small--grid-template-columns;
|
|
}
|
|
@include desktop {
|
|
grid-template-columns: $ibo-notifications--view-all--container--medium--grid-template-columns;
|
|
}
|
|
@include fullhd {
|
|
grid-template-columns: $ibo-notifications--view-all--container--large--grid-template-columns; }
|
|
}
|
|
.ibo-notifications--view-all--toolbar {
|
|
justify-content: space-between;
|
|
}
|
|
.ibo-notifications--view-all--toggler {
|
|
display: flex;
|
|
align-content: center;
|
|
}
|
|
|
|
.ibo-notifications--view-all--item--read .ibo-panel--body::before{
|
|
background-color: $ibo-notifications--view-all--item--read--highlight--background-color;
|
|
}
|
|
.ibo-notifications--view-all--item--unread .ibo-panel--body::before{
|
|
background-color: $ibo-notifications--view-all--item--unread--highlight--background-color;
|
|
}
|
|
|
|
.ibo-notifications--view-all--container {
|
|
.ibo-notifications--view-all--read-action, .ibo-notifications--view-all--unread-action {
|
|
margin-left: $ibo-notifications--view-all--container--read-unread--action--margin-left !important;
|
|
}
|
|
}
|
|
|
|
.ibo-notifications--view-all--item--read .ibo-notifications--view-all--read-action {
|
|
display: none;
|
|
}
|
|
.ibo-notifications--view-all--item--unread .ibo-notifications--view-all--unread-action {
|
|
display: none;
|
|
}
|
|
|
|
.ibo-notifications--view-all--empty {
|
|
@extend %ibo-fully-centered-content;
|
|
flex-direction: column;
|
|
margin-top: $ibo-notifications--view-all--empty--margin-top;
|
|
|
|
svg {
|
|
max-width: $ibo-notifications--view-all--empty--svg--max-width;
|
|
height: auto;
|
|
}
|
|
} |