73 lines
1.6 KiB
SCSS
73 lines
1.6 KiB
SCSS
.popover{
|
|
border: 0.125rem solid rgba($secondary, 0.1);
|
|
min-width: 13.125rem;
|
|
box-shadow: 0 0 1.875rem 0 rgba(0,0,0,0.1);
|
|
@at-root [data-theme-version="dark"] & {
|
|
background-color: $d-bg;
|
|
}
|
|
&-header{
|
|
background: $secondary;
|
|
color: $white;
|
|
font-weight: 300;
|
|
|
|
&::before{
|
|
border-bottom: 0 !important;
|
|
}
|
|
}
|
|
|
|
&-body{
|
|
font-size: 0.75rem;
|
|
@at-root [data-theme-version="dark"] & {
|
|
color:#828690 ;
|
|
}
|
|
}
|
|
.popover-header{
|
|
@at-root [data-theme-version="dark"] & {
|
|
border-color: $dark-card;
|
|
}
|
|
}
|
|
@include respond ('phone-land'){
|
|
z-index:1;
|
|
}
|
|
}
|
|
|
|
.bootstrap-popover-wrapper{
|
|
.bootstrap-popover:not(:last-child){
|
|
margin-#{$dlab-pos-right}: 0.5rem;
|
|
}
|
|
|
|
.bootstrap-popover{
|
|
margin-bottom: .5rem;
|
|
|
|
button:hover,button:focus{
|
|
background: var(--primary);
|
|
color: $white;
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
|
|
bottom: 0rem;
|
|
border-top-color: $secondary;
|
|
}
|
|
|
|
.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
|
|
#{$dlab-pos-right}: 0rem;
|
|
border-left-color: $secondary;
|
|
}
|
|
|
|
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
|
|
#{$dlab-pos-left}: 0rem;
|
|
border-right-color: $secondary;
|
|
}
|
|
|
|
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
|
|
top: 0rem;
|
|
border-bottom-color: $secondary;
|
|
}
|
|
|
|
.note-popover{
|
|
display: none;
|
|
} |