mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-25 09:23:28 +01:00
97 lines
2.7 KiB
Plaintext
97 lines
2.7 KiB
Plaintext
/**
|
|
* EGroupware: "fancy" theme
|
|
*
|
|
* @link https://www.egroupware.org
|
|
* @license https://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
|
* @package pixelegg
|
|
*/
|
|
@import "pixelegg.less";
|
|
|
|
// overwriting pixelegg.less and Shoelace themes
|
|
:root, :host, .sl-theme-light, .sl-theme-dark {
|
|
--sl-border-radius-medium: 20px;
|
|
--sl-border-radius-small: 1rem;
|
|
--sl-input-border-radius-medium: var(--sl-border-radius-medium);
|
|
--et2-button-image-padding-left: .6rem;
|
|
|
|
et2-button:not(imageOnly) > et2-image[class*="circle"], et2-button:not(imageOnly) > et2-image[class*="clock"]{
|
|
--et2-button-image-padding-left: .2rem;
|
|
}
|
|
|
|
et2-tabbox {
|
|
--track-width: 0px;
|
|
|
|
&::part(tabs) {
|
|
padding-bottom: var(--sl-spacing-x-small);
|
|
padding-top: var(--sl-spacing-large);
|
|
gap: var(--sl-spacing-medium);
|
|
}
|
|
|
|
et2-tab {
|
|
&::part(base) {
|
|
border: 1px solid;
|
|
border-color: var(--sl-color-neutral-300);
|
|
border-radius: var(--sl-border-radius-pill);
|
|
}
|
|
|
|
|
|
}
|
|
|
|
et2-tab[active] {
|
|
&::part(base) {
|
|
border-color: var(--sl-color-neutral-900);
|
|
}
|
|
}
|
|
|
|
.tabLabel {
|
|
max-height: 1.1em;
|
|
}
|
|
et2-tab-panel{
|
|
border: 1px solid var(--sl-color-neutral-300);
|
|
border-radius: var(--sl-border-radius-medium);
|
|
padding: var(--sl-spacing-medium);
|
|
}
|
|
|
|
.et2_toolbar input.et2_textbox, .nextmatch_header_row input.et2_textbox{
|
|
border-radius: var(--sl-border-radius-pill);
|
|
}
|
|
}
|
|
}
|
|
|
|
.et2_required:not(.hasValue){
|
|
background-color: initial;
|
|
}
|
|
|
|
//rounded flatpickr
|
|
div.flatpickr-calendar {
|
|
border-radius: var(--sl-border-radius-medium);
|
|
}
|
|
|
|
div.flatpickr-calendar .flatpickr-months {
|
|
border-top-left-radius: var(--sl-border-radius-medium);
|
|
border-top-right-radius: var(--sl-border-radius-medium);
|
|
}
|
|
|
|
div.flatpickr-calendar .shortcut-buttons-flatpickr-buttons button:first-child {
|
|
border-bottom-left-radius: var(--sl-border-radius-medium);
|
|
}
|
|
|
|
div.flatpickr-calendar .shortcut-buttons-flatpickr-buttons button:last-child {
|
|
border-bottom-right-radius: var(--sl-border-radius-medium);
|
|
}
|
|
|
|
.flatpickr-calendar > .flatpickr-time:first-child{
|
|
border-top-left-radius: var(--sl-border-radius-medium);
|
|
border-top-right-radius: var(--sl-border-radius-medium);
|
|
}
|
|
|
|
.flatpickr-calendar > .flatpickr-time:first-child .flatpickr-minute ~ span{
|
|
margin-right: 1em;
|
|
}
|
|
//end rounded flatpickr
|
|
|
|
|
|
// styling of legacy NM parts
|
|
.nextmatch_header .header_count {
|
|
border-radius: var(--sl-border-radius-medium);
|
|
} |