ken_nogi/Pleasanter/営業積算システム/docs/新・営業積算システム仕様書_分割/025_新・営業積算システム仕様書_第9章 スタイル(Styles)全文について(1/2).md
Kenichiro NOGI ce58cb4be4 初回コミット: dev配下(NodeSrv/Pleasanter等)をGitea管理下に統合
GitHub(nextgroup2706/ken_nogi)は今後使わず自社Gitea運用に切替え。
NodeSrvは旧リポジトリの履歴を破棄しファイルのみ統合(Dokploy用サービスアカウントは
別途mygit-admin/NodeSrv.gitに履歴あり)。notepmエクスポート(12GB)とPleasanter
インストーラzip(208MB)はサイズが大きいため.gitignoreで除外。

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-04 15:37:06 +09:00

3.9 KiB
Raw Blame History

9. スタイルStyles全文

9.1 3354102ファイル

Id Title 適用範囲 ファイル
1 01_読み取り専用スタイル New/Edit styles/1_01.読み取り専用.css
2 02_共通スタイル New/Edit styles/2_02.共通.css

1_01.読み取り専用.css

/*
@config : next999.json
@filename : 01_読み取り専用スタイル.css
@title : 01_読み取り専用スタイル
@name :
@siteIds : 335101
@siteTitles : ①物件基本情報
@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;
    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;

    .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: double 3px red !important;

    &+button.ui-multiselect {
        border: double 3px red !important;
    }

}

.field-normal:has(.code-required),
.field-wide:has(.code-required),
.field-normal:has(select[data-validate-required="1"]),
.field-wide:has(select[data-validate-required="1"]),
.field-normal:has(input[data-validate-required="1"]),
.field-wide:has(input[data-validate-required="1"]) {
    position: relative;

    &:hover::after {
        content: "入力必須です";
        position: absolute;
        left: 120px;
        top: calc(100% - 9px);
        margin-top: 4px;
        background: #ff000080;
        color: #fff;
        padding: 4px 10px;
        border-radius: 4px;
        font-size: 12px;
        font-weight: normal !important;
        pointer-events: none;
        z-index: 9999;
        white-space: nowrap;
    }
}

.error {
    border: double 3px red !important;
}

2_02.共通.css

/*
@config : next999.json
@filename : 02_共通スタイル.css
@title : 02_共通スタイル
@name :
@siteIds : 335101
@siteTitles : ①物件基本情報
@disabled: false
*/
/*見出しサイズ*/
.field-section {
    font-size: 1.5em !important;
    font-weight: bold !important;
    height: auto;
}

/*項目の後ろの行間を少し狭める*/
.field-normal {
    height: 35px;
}

.field-wide {
    min-height: 35px;
    padding: 0 10px 5px 0;
}

/*コメントのある項目の高さだけ少し広げる*/
div:has(.commentAdd).field-normal {
    height: 50px;
}

9.2 3354113ファイル