forked from extern/egroupware
a763b84be4
Added hideOnReadonly, default false. Disabled/readonly buttons are now visible but disabled, unless you set hideOnReadonly="false" to get previous behaviour. Added noValidation, default false. It's just passed to etemplate2.submit() as before
39 lines
793 B
TypeScript
39 lines
793 B
TypeScript
/**
|
|
* Sharable button styles constant
|
|
*/
|
|
|
|
import {css} from "@lion/core";
|
|
import {colorsDefStyles} from "../Styles/colorsDefStyles";
|
|
|
|
export const buttonStyles = [
|
|
colorsDefStyles,
|
|
css`
|
|
:host {
|
|
border: 1px solid gray;
|
|
color: var(--gray_70, #505050);
|
|
background-color: var(--gray_10, #e6e6e6);
|
|
border-radius: 3px;
|
|
}
|
|
:host([disabled]) {
|
|
display: flex;
|
|
}
|
|
:host([disabled]) ::slotted(img) {
|
|
filter: grayscale(1) contrast(0.2);
|
|
}
|
|
:host(:hover):not([disabled]) {
|
|
box-shadow: 1px 1px 1px rgb(0 0 0 / 60%);
|
|
background-color: var(--bg_color_15_gray, #d9d9d9);
|
|
}
|
|
:host(:active) {
|
|
box-shadow: inset 1px 2px 1px rgb(0 0 0 / 50%);
|
|
}
|
|
div {
|
|
margin: 2px;
|
|
height:20px;
|
|
font-size: 9pt;
|
|
text-shadow: 0 0;
|
|
}
|
|
:not([disabled]) div {
|
|
color: var(--btn-label-color);
|
|
}
|
|
`]; |