xref: /template/sprintdoc/css/plugins/configmanager.less (revision 7d802b57a219e27190b6ca8a7a121015d7242ff5) 
1/**
2 * This file provides styles for config manager
3 */
4
5
6/* + + + + +  config__manager  + + + + + */
7
8#dokuwiki__content {
9    #config__manager {
10        fieldset {
11            min-width: 100%;
12            overflow-x: auto;
13            box-sizing: border-box;
14            background-color: @background_darker;
15            margin-left: 0;
16            margin-right: 0;
17        }
18
19        .selectiondefault {
20            background-color: transparent;
21            color: inherit;
22        }
23
24        tr {
25            .input {
26                background-color: transparent;
27                color: inherit;
28            }
29
30            &:hover {
31                td {
32                    color: inherit;
33                }
34            }
35        }
36
37        tr.default {
38            .input {
39                background-color: transparent;
40            }
41        }
42
43        td.label {
44            padding: .8em 0 1.2em 1em;
45
46            span.outkey {
47                background-color: @ini_background;
48                color: inherit;
49                font-size: (@font-size-small - .06);
50                font-weight: bold;
51                padding: 0 @very-small-spacing;
52
53                a {
54                    font-size: inherit;
55                }
56            }
57
58            label {
59                line-height: @line-height-big;
60            }
61        }
62    }
63}
64
65
66/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
67/* max-width: 1024px */
68
69@media @screen_max-md {
70    #dokuwiki__content {
71        #config__manager {
72            td {
73                &.label {
74                    label,
75                    span {
76                        font-size: @font-size-small;
77                    }
78                }
79
80                &.label + td {
81                    font-size: @font-size-small;
82
83                    span {
84                        font-size: inherit;
85                    }
86                }
87
88                select,
89                input.edit {
90                    font-size: @font-size-small;
91                }
92            }
93
94            .selectiondefault {
95                label {
96                    font-size: @font-size-small;
97                }
98            }
99        }
100    }
101}
102
103
104/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
105/* max-width: 768px */
106
107@media @screen_max-sm {
108    #dokuwiki__content {
109        #config__manager {
110            table {
111                border-top: 0 none;
112            }
113
114            td {
115                padding-top: 0;
116
117                &.label {
118                    display: block;
119                    width: 100%;
120                    border: 0 none;
121                    border-top: 1px solid @ini_border;
122                    border-bottom: 0 none;
123                    padding: .8em .5em .3em;
124
125
126                    span.outkey {
127                        margin-left: 0;
128                    }
129                }
130
131                .input {
132                    width: 100%;
133                }
134
135
136                &.value,
137                &.label + td {
138                    display: block;
139                    width: 100%;
140                    border: 0 none;
141                    margin-bottom: 1.2rem;
142                }
143
144                select,
145                input.edit {
146                    width: 100%;
147                    text-overflow: ellipsis;
148                }
149            }
150
151            .selectiondefault {
152                float: none;
153                max-width: 100%;
154                width: auto;
155
156                label {
157                    width: 90%;
158                }
159            }
160        }
161    }
162}
163