xref: /plugin/struct/style.less (revision 5a1eab78e50da855e8286d08e718b6f580bf1bc8) 
1/**
2 * The input entry form
3 */
4#dw__editform .struct {
5    margin-bottom: 1em;
6
7    fieldset {
8        width: 100%;
9        padding: 0.5em 0;
10
11        display: table;
12    }
13
14    label {
15        display: table-row;
16        text-align: left;
17
18        &:hover {
19            background-color: @ini_background_alt;
20        }
21
22        span.label {
23            width: 10em;
24            display: table-cell;
25            padding-left: 0.5em;
26            padding-top: 0.25em;
27            padding-bottom: 0.25em;
28        }
29
30        div.input {
31            display: table-cell;
32            padding-left: 11em;
33            padding-top: 0.25em;
34            padding-bottom: 0.25em;
35        }
36    }
37
38    // this should not influence the design
39    .newtemplate {
40        display: inline;
41    }
42    // add some spacing to multi-value fields
43    .multiwrap {
44        display: inline-block;
45        margin: 0 0.25em 0.25em 0;
46    }
47}
48
49/**
50 * The Schema Editor
51 */
52#plugin__struct_editor {
53    tr.disabled {
54        td {
55            opacity: 0.5;
56        }
57
58        // collapse config block
59        td.config >div {
60            overflow: auto;
61            height: 2em;
62            div.jsoneditor-outer {
63                margin: 0;
64                padding: 0;
65            }
66        }
67
68        td.isenabled {
69            opacity: 1;
70        }
71    }
72}
73
74/**
75 * In page output
76 */
77#plugin__struct_output {
78    table {
79        font-size: 90%;
80
81        border: none;
82        td, th {
83            background-color: transparent;
84            border: none;
85            border-top: 1px solid @ini_border;
86        }
87        tr:first-child td,
88        tr:first-child th {
89            border: none;
90        }
91    }
92}
93