Diff: STRATO-apps/wordpress_03/app/wp-content/plugins/code-snippets/css/manage.scss
Keine Baseline-Datei – Diff nur gegen leer.
1
-
1
+
/**
2
+
* Custom styling for the snippets table
3
+
*/
4
+
5
+
@use 'sass:map';
6
+
@use 'sass:color';
7
+
@use 'common/theme';
8
+
@use 'common/badges';
9
+
@use 'common/switch';
10
+
@use 'common/direction';
11
+
@use 'common/select';
12
+
@use 'manage/cloud';
13
+
14
+
.column-name,
15
+
.column-type {
16
+
.dashicons {
17
+
font-size: 16px;
18
+
inline-size: 16px;
19
+
block-size: 16px;
20
+
vertical-align: middle;
21
+
}
22
+
23
+
.dashicons-clock {
24
+
vertical-align: middle;
25
+
}
26
+
}
27
+
28
+
.active-snippet .column-name > .snippet-name {
29
+
font-weight: 600;
30
+
}
31
+
32
+
.active-snippet {
33
+
td, th {
34
+
background-color: rgba(#78c8e6, 0.06);
35
+
}
36
+
37
+
th.check-column {
38
+
border-inline-start: 2px solid #2ea2cc;
39
+
}
40
+
}
41
+
42
+
.column-priority input {
43
+
appearance: none;
44
+
background: none;
45
+
border: none;
46
+
box-shadow: none;
47
+
inline-size: 4em;
48
+
color: #666;
49
+
text-align: center;
50
+
51
+
&:hover, &:focus, &:active {
52
+
color: #000;
53
+
background-color: #f5f5f5;
54
+
background-color: rgb(0 0 0 / 10%);
55
+
border-radius: 6px;
56
+
}
57
+
58
+
&:disabled {
59
+
color: inherit;
60
+
}
61
+
}
62
+
63
+
.clear-filters {
64
+
vertical-align: baseline !important;
65
+
}
66
+
67
+
.snippets {
68
+
td.column-id {
69
+
text-align: center;
70
+
}
71
+
72
+
tr {
73
+
background: #fff;
74
+
}
75
+
76
+
ol, ul {
77
+
margin-block: 0 1.5em;
78
+
margin-inline: 1.5em 0;
79
+
}
80
+
81
+
ul {
82
+
list-style: disc;
83
+
}
84
+
85
+
th.sortable a, th.sorted a {
86
+
display: flex;
87
+
flex-direction: row;
88
+
}
89
+
90
+
.row-actions {
91
+
color: #ddd;
92
+
position: relative;
93
+
inset-inline-start: 0;
94
+
}
95
+
96
+
.column-activate {
97
+
padding-inline-end: 0 !important;
98
+
}
99
+
100
+
.clear-filters {
101
+
vertical-align: middle;
102
+
}
103
+
104
+
tfoot th.check-column {
105
+
padding-block: 13px 0;
106
+
padding-inline: 3px 0;
107
+
}
108
+
109
+
thead th.check-column,
110
+
tfoot th.check-column,
111
+
.inactive-snippet th.check-column {
112
+
padding-inline-start: 5px;
113
+
}
114
+
115
+
.active-snippet, .inactive-snippet {
116
+
td, th {
117
+
padding-block: 10px;
118
+
padding-inline: 9px;
119
+
border: none;
120
+
box-shadow: inset 0 -1px 0 rgb(0 0 0 / 10%);
121
+
}
122
+
}
123
+
124
+
tr.active-snippet + tr.inactive-snippet th,
125
+
tr.active-snippet + tr.inactive-snippet td {
126
+
border-block-start: 1px solid rgb(0 0 0 / 3%);
127
+
box-shadow: inset 0 1px 0 rgb(0 0 0 / 2%), inset 0 -1px 0 #e1e1e1;
128
+
}
129
+
130
+
&, #all-snippets-table, #search-snippets-table {
131
+
a.delete:hover {
132
+
border-block-end: 1px solid #f00;
133
+
color: #f00;
134
+
}
135
+
}
136
+
137
+
#wpbody-content & .column-name {
138
+
white-space: nowrap; /* prevents wrapping of snippet title */
139
+
}
140
+
}
141
+
142
+
td.column-description {
143
+
max-inline-size: 700px;
144
+
145
+
pre {
146
+
white-space: unset;
147
+
}
148
+
}
149
+
150
+
.inactive-snippet {
151
+
@include theme.link-colors(#579);
152
+
}
153
+
154
+
@media (width <= 782px) {
155
+
p.search-box {
156
+
float: inline-start;
157
+
position: initial;
158
+
margin-block: 1em 0;
159
+
margin-inline: 0;
160
+
block-size: auto;
161
+
}
162
+
}
163
+
164
+
.wp-list-table .is-expanded td.column-activate.activate {
165
+
/* fix for mobile layout */
166
+
display: table-cell !important;
167
+
}
168
+
169
+
.nav-tab-wrapper + .subsubsub, p.search-box {
170
+
margin-block: 10px 0;
171
+
margin-inline: 0;
172
+
}
173
+
174
+
.snippet-type-description {
175
+
border-block-end: 1px solid #ccc;
176
+
margin: 0;
177
+
padding-block: 1em;
178
+
padding-inline: 0;
179
+
}
180
+
181
+
.code-snippets-notice a.notice-dismiss {
182
+
text-decoration: none;
183
+
}
184
+
185
+
.refresh-button-container {
186
+
display: flex;
187
+
align-items: center;
188
+
justify-content: flex-start;
189
+
margin-block: 15px -39px;
190
+
gap: 7px;
191
+
}
192
+
193
+
#refresh-button {
194
+
inline-size: 30px;
195
+
padding: 0;
196
+
font-size: 20px;
197
+
line-height: 1.4;
198
+
}
199
+
200
+
.wrap h2.nav-tab-wrapper {
201
+
.nav-tab {
202
+
display: flex;
203
+
flex-flow: row wrap;
204
+
align-items: center;
205
+
gap: 8px;
206
+
}
207
+
}
208
+
209
+
@media (width <= 1190px) {
210
+
.nav-tab {
211
+
.snippet-label {
212
+
display: none;
213
+
}
214
+
}
215
+
}
216
+