109 lines
2.1 KiB
CSS
109 lines
2.1 KiB
CSS
/*
|
|
@config : next999.json
|
|
@filename : ${psFileBasename}
|
|
@title : 99_読み取り専用処理
|
|
@name
|
|
@siteIds : 335011
|
|
@siteTitles : 実行予算WF申請
|
|
@disabled: false
|
|
*/
|
|
label.error {
|
|
pointer-events: none;
|
|
z-index: 100;
|
|
border-top: none !important;
|
|
}
|
|
|
|
.code-readonly {
|
|
pointer-events: none;
|
|
background-color: lightgrey;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.code-readonly2,
|
|
.code-readonly2+button,
|
|
.code-readonly2+div.ui-icon,
|
|
.code-readonly3,
|
|
.code-readonly3+button,
|
|
.code-readonly3+div.ui-icon {
|
|
font-weight: bold;
|
|
|
|
&:active {
|
|
pointer-events: none;
|
|
}
|
|
|
|
a:not(.ui-spinner-button) {
|
|
pointer-events: auto;
|
|
}
|
|
|
|
}
|
|
|
|
.code-readonly2 select,
|
|
.code-readonly2 input,
|
|
.code-readonly2 button.ui-multiselect,
|
|
.code-readonly2 .control-markup,
|
|
.code-readonly2 .ui-spinner,
|
|
span[data-readonly="1"] {
|
|
pointer-events: none;
|
|
|
|
border: dashed 1px black !important;
|
|
background-color: lightgray !important;
|
|
color: black !important;
|
|
|
|
.ui-spinner-input {
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
.code-readonly3 select,
|
|
.code-readonly3 input,
|
|
.code-readonly3 button.ui-multiselect,
|
|
.code-readonly3 .control-markup,
|
|
.code-readonly3 .ui-spinner {
|
|
pointer-events: none;
|
|
|
|
border: dashed 1px black !important;
|
|
|
|
.ui-spinner-input {
|
|
border: none;
|
|
}
|
|
}
|
|
|
|
.code-readonly2,
|
|
.code-readonly3,
|
|
.field-normal:has(span[data-readonly="1"]),
|
|
.field-wide:has(span[data-readonly="1"]) {
|
|
position: relative;
|
|
|
|
&:hover::after {
|
|
content: "読取り専用です";
|
|
position: absolute;
|
|
left: 120px;
|
|
top: calc(100% - 9px);
|
|
margin-top: 4px;
|
|
background: #00000080;
|
|
color: #fff;
|
|
padding: 4px 10px;
|
|
border-radius: 4px;
|
|
font-size: 12px;
|
|
font-weight: normal !important;
|
|
pointer-events: none;
|
|
z-index: 9999;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.code-required,
|
|
select[data-validate-required="1"],
|
|
input[data-validate-required="1"] {
|
|
border: solid 2px red !important;
|
|
|
|
&+button.ui-multiselect {
|
|
border: solid 2px red !important;
|
|
}
|
|
|
|
}
|
|
|
|
label[class="required"] {
|
|
color: red !important;
|
|
font-weight: bold !important;
|
|
} |