|
1 | 1 | #snapshot-preview-link,
|
2 |
| -#snapshot-schedule-button { |
| 2 | +#snapshot-expand-button { |
3 | 3 | float: right;
|
4 | 4 | margin-top: 13px;
|
5 | 5 | margin-right: 4px;
|
6 | 6 | color: #656a6f;
|
7 | 7 | }
|
8 | 8 |
|
9 |
| -#snapshot-schedule-button { |
| 9 | +#snapshot-expand-button { |
10 | 10 | display: block;
|
11 | 11 | }
|
12 |
| -#snapshot-schedule-button:hover, |
13 |
| -#snapshot-schedule-button:focus, |
14 |
| -#snapshot-schedule-button:active { |
| 12 | + |
| 13 | +#snapshot-expand-button:hover, |
| 14 | +#snapshot-expand-button:focus, |
| 15 | +#snapshot-expand-button:active { |
15 | 16 | color: #191e23;
|
16 | 17 | }
|
17 | 18 |
|
|
64 | 65 | }
|
65 | 66 | }
|
66 | 67 |
|
67 |
| -#snapshot-schedule { |
| 68 | +#customize-snapshot { |
68 | 69 | background: #fff !important;
|
69 | 70 | border-bottom: 1px solid #ddd;
|
70 | 71 | line-height: 1.5;
|
71 | 72 | left: 0;
|
72 | 73 | top: 46px;
|
73 | 74 | position: absolute;
|
74 | 75 | width: 100%;
|
75 |
| - box-shadow: 0 5px 0 0 rgba(0,0,0,0.05); |
76 |
| - padding:10px; |
| 76 | + box-shadow: 0 5px 0 0 rgba(0, 0, 0, 0.05); |
| 77 | + padding: 10px; |
77 | 78 | box-sizing: border-box;
|
78 | 79 | }
|
79 | 80 |
|
80 |
| -#snapshot-schedule .snapshot-schedule-title { |
| 81 | +#customize-snapshot .snapshot-schedule-title { |
81 | 82 | color: #555;
|
82 | 83 | }
|
83 | 84 |
|
84 |
| -#snapshot-schedule .snapshot-schedule-title h3 { |
| 85 | +#customize-snapshot .snapshot-schedule-title h3 { |
85 | 86 | margin: .2em 2em .75em 0;
|
86 | 87 | }
|
87 | 88 |
|
88 |
| -#snapshot-schedule .snapshot-schedule-description { |
| 89 | +#customize-snapshot .snapshot-schedule-description { |
89 | 90 | margin-bottom: 0.5em;
|
| 91 | + margin-top: 0; |
90 | 92 | }
|
91 |
| -#snapshot-schedule .timezone-info { |
| 93 | + |
| 94 | +#customize-snapshot .timezone-info { |
92 | 95 | margin-top: 0.5em;
|
93 | 96 | font-size: smaller;
|
94 | 97 | }
|
95 | 98 |
|
96 |
| -#snapshot-schedule a.snapshot-edit-link { |
| 99 | +#customize-snapshot a.snapshot-edit-link { |
97 | 100 | position: absolute;
|
98 | 101 | top: 4px;
|
99 | 102 | right: 1px;
|
|
109 | 112 | padding: 10px;
|
110 | 113 | }
|
111 | 114 |
|
112 |
| -#snapshot-schedule a.snapshot-edit-link:focus, |
113 |
| -#snapshot-schedule a.snapshot-edit-link:hover { |
| 115 | +#customize-snapshot a.snapshot-edit-link:focus, |
| 116 | +#customize-snapshot a.snapshot-edit-link:hover { |
114 | 117 | color: #0073aa;
|
115 | 118 | }
|
116 | 119 |
|
117 |
| -#snapshot-schedule a.snapshot-edit-link:before { |
| 120 | +#customize-snapshot a.snapshot-edit-link:before { |
118 | 121 | padding: 4px;
|
119 | 122 | position: absolute;
|
120 | 123 | top: 5px;
|
|
123 | 126 | border-radius: 100%;
|
124 | 127 | }
|
125 | 128 |
|
126 |
| -#snapshot-schedule a.snapshot-edit-link:focus:before { |
| 129 | +#customize-snapshot a.snapshot-edit-link:focus:before { |
127 | 130 | -webkit-box-shadow:
|
128 | 131 | 0 0 0 1px #5b9dd9,
|
129 | 132 | 0 0 2px 1px rgba(30, 140, 190, .8);
|
|
132 | 135 | 0 0 2px 1px rgba(30, 140, 190, .8);
|
133 | 136 | }
|
134 | 137 |
|
135 |
| -#snapshot-schedule .accordion-section-title { |
| 138 | +#customize-snapshot .accordion-section-title { |
136 | 139 | padding: 10px;
|
137 | 140 | }
|
138 | 141 |
|
139 |
| -#snapshot-schedule .reset-time { |
| 142 | +#customize-snapshot .reset-time { |
140 | 143 | font-weight: normal;
|
141 | 144 | font-size: 80%;
|
142 | 145 | display: none;
|
|
168 | 171 | min-width: 4em;
|
169 | 172 | }
|
170 | 173 |
|
171 |
| -.snapshot-schedule-control input[type="number"]{ |
172 |
| - width:100%; |
| 174 | +.snapshot-schedule-control input[type="number"] { |
| 175 | + width: 100%; |
173 | 176 | }
|
174 | 177 |
|
175 | 178 | .snapshot-schedule-control .time-special-char {
|
176 |
| - padding-left:2px; |
177 |
| - padding-right:2px; |
| 179 | + padding-left: 2px; |
| 180 | + padding-right: 2px; |
178 | 181 | }
|
179 | 182 |
|
180 | 183 | .snapshot-schedule-control select {
|
|
201 | 204 | .select2-container {
|
202 | 205 | z-index: 500100 !important;
|
203 | 206 | }
|
| 207 | + |
| 208 | +.snapshot-control input[type="text"] { |
| 209 | + width: 100%; |
| 210 | + line-height: 18px; |
| 211 | + margin: 0; |
| 212 | +} |
| 213 | + |
| 214 | +#customize-snapshot .snapshot-schedule-title h3 { |
| 215 | + font-size: 16px; |
| 216 | +} |
| 217 | + |
| 218 | +#customize-snapshot .snapshot-controls { |
| 219 | + list-style: none; |
| 220 | + margin: 0; |
| 221 | +} |
| 222 | + |
| 223 | +.snapshot-future-date-notification.notice { |
| 224 | + margin-bottom: 5px; |
| 225 | + border-top: 1px solid #eee; |
| 226 | + padding: 5px; |
| 227 | +} |
| 228 | + |
| 229 | +/*Status Button*/ |
| 230 | +/** @todo Need to add snapshot specific class for all ui classes. **/ |
| 231 | + |
| 232 | +#snapshot-status-button-wrapper { |
| 233 | + float: right; |
| 234 | + position: relative; |
| 235 | + margin-top: 9px; |
| 236 | + height: 28px; |
| 237 | +} |
| 238 | + |
| 239 | +#snapshot-status-button-wrapper .button-primary { |
| 240 | + margin-top: 0; |
| 241 | + -webkit-touch-callout: none; /* iOS Safari */ |
| 242 | + -webkit-user-select: none; /* Chrome/Safari/Opera */ |
| 243 | + -moz-user-select: none; /* Firefox */ |
| 244 | + -ms-user-select: none; /* Internet Explorer/Edge */ |
| 245 | + user-select: none; |
| 246 | +} |
| 247 | + |
| 248 | +.snapshot-status-button-wrapper .button:active{ |
| 249 | + -webkit-transform: none; |
| 250 | + -moz-transform: none; |
| 251 | + -ms-transform: none; |
| 252 | + -o-transform: none; |
| 253 | + transform: none; /* 4.7 added translateY(1px) */ |
| 254 | +} |
| 255 | + |
| 256 | +.ui-selectmenu-menu { |
| 257 | + padding: 0; |
| 258 | + margin: 0; |
| 259 | + position: absolute; |
| 260 | + top: 0; |
| 261 | + left: 0; |
| 262 | + display: none; |
| 263 | +} |
| 264 | + |
| 265 | +.ui-selectmenu-menu .ui-menu { |
| 266 | + overflow: auto; |
| 267 | + margin: 0; |
| 268 | + margin-top: 2px; |
| 269 | + overflow-x: hidden; |
| 270 | + background: #FFFFFF; |
| 271 | + border-top: 0; |
| 272 | + border-radius: 0 0 5px 5px; |
| 273 | + box-shadow: 0 1px 4px 0 rgba(33, 38, 34, .12), 0 2px 11px 0 rgba(30, 36, 37, .14) |
| 274 | +} |
| 275 | + |
| 276 | +.ui-selectmenu-menu .ui-menu li { |
| 277 | + padding: 5px 10px 5px 5px; |
| 278 | + margin: 0; |
| 279 | +} |
| 280 | + |
| 281 | +.ui-selectmenu-menu .ui-menu .ui-state-focus { |
| 282 | + background: #0073aa; |
| 283 | + color: #FFFFFF; |
| 284 | + cursor: pointer; |
| 285 | +} |
| 286 | + |
| 287 | +.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { |
| 288 | + font-size: 1em; |
| 289 | + font-weight: bold; |
| 290 | + line-height: 1.5; |
| 291 | + padding: 2px 0.4em; |
| 292 | + margin: 0.5em 0 0 0; |
| 293 | + height: auto; |
| 294 | + border: 0; |
| 295 | +} |
| 296 | + |
| 297 | +.ui-selectmenu-open { |
| 298 | + display: block; |
| 299 | +} |
| 300 | + |
| 301 | +#snapshot-status-button-wrapper .ui-selectmenu-button span.dashicons { |
| 302 | + text-indent: 0; |
| 303 | + float: right; |
| 304 | + border-radius: 0 3px 3px 0; |
| 305 | + padding-left: 0; |
| 306 | + padding-right: 0; |
| 307 | + -webkit-box-shadow: none; |
| 308 | + -moz-box-shadow: none; |
| 309 | + box-shadow: none; |
| 310 | + font-size: 20px; |
| 311 | + width: 20px; |
| 312 | +} |
| 313 | + |
| 314 | +#snapshot-status-button-wrapper .ui-selectmenu-button span.dashicons:before { |
| 315 | + display: inline-block; |
| 316 | + margin-left: -3px; |
| 317 | +} |
| 318 | + |
| 319 | +@media screen and ( max-width: 640px ) { |
| 320 | + #snapshot-status-button-wrapper .ui-selectmenu-button span.dashicons { |
| 321 | + font-size: 17px; |
| 322 | + } |
| 323 | +} |
| 324 | + |
| 325 | +.ui-selectmenu-button span.ui-selectmenu-text { |
| 326 | + border-radius: 3px 0 0 3px; |
| 327 | + opacity: 0; |
| 328 | +} |
| 329 | + |
| 330 | +.ui-selectmenu-menu.ui-front { |
| 331 | + z-index: 999999; |
| 332 | +} |
| 333 | + |
| 334 | +.snapshot-status-button-overlay.button { |
| 335 | + width: calc( 100% - 20px ); |
| 336 | + height: 28px; |
| 337 | + position: absolute; |
| 338 | + top: 0; |
| 339 | + left: 0; |
| 340 | + z-index: 1; |
| 341 | + border-radius: 3px 0 0 3px; |
| 342 | + box-shadow: none; |
| 343 | +} |
| 344 | + |
| 345 | +#customize-header-actions .ui-selectmenu-button { |
| 346 | + display: inline-block; |
| 347 | + outline-width: 2px; |
| 348 | + outline-offset: -2px; |
| 349 | +} |
| 350 | + |
0 commit comments