Mercurial > hg > isophonics-drupal-site

annotate core/themes/seven/css/components/views-ui.css @ 19:fa3358dc1485 tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add ndrum files
author Chris Cannam
date Wed, 28 Aug 2019 13:14:47 +0100
parents af1871eacc83
children
rev   line source
Chris@0 1 /**
Chris@0 2 * Views styling
Chris@0 3 */
Chris@0 4
Chris@0 5 /* @group Forms */
Chris@0 6
Chris@0 7 /**
Chris@0 8 * Seven positions the summary absolutely, but does not have a way to ignore
Chris@0 9 * details without a summary so we make one up.
Chris@0 10 *
Chris@0 11 * @todo Neither a fieldset without legend nor a details without summary is
Chris@0 12 * valid HTML markup in any way. Refactor Views UI to not produce such invalid
Chris@0 13 * markup.
Chris@0 14 */
Chris@0 15 details.fieldset-no-legend {
Chris@0 16 padding-top: 0;
Chris@0 17 }
Chris@0 18
Chris@0 19 /**
Chris@0 20 * Being extra safe here and scoping this to the add view wizard form (where
Chris@0 21 * a layout problem occurs for the Display format details if we don't fix its
Chris@0 22 * padding), but it's probably safe to just let it apply everywhere.
Chris@0 23 */
Chris@17 24 #views-ui-add-form details details .seven-details__wrapper {
Chris@18 25 padding-right: 0;
Chris@0 26 padding-left: 0;
Chris@0 27 }
Chris@0 28
Chris@17 29 .views-display-tab details.box-padding .seven-details__wrapper {
Chris@0 30 padding: 0;
Chris@0 31 }
Chris@0 32
Chris@0 33 .views-admin input.form-submit,
Chris@0 34 .views-ui-dialog input.form-submit,
Chris@0 35 .views-admin a.button,
Chris@0 36 .views-ui-dialog a.button {
Chris@18 37 margin-top: 0;
Chris@18 38 margin-right: 0; /* LTR */
Chris@0 39 margin-bottom: 0;
Chris@0 40 }
Chris@0 41 [dir="rtl"] .views-admin input.form-submit,
Chris@0 42 [dir="rtl"] .views-ui-dialog input.form-submit,
Chris@0 43 [dir="rtl"] .views-admin a.button,
Chris@0 44 [dir="rtl"] .views-ui-dialog a.button {
Chris@18 45 margin-right: 1em;
Chris@0 46 margin-left: 0;
Chris@0 47 }
Chris@0 48 [dir="rtl"] .views-admin input.form-submit:first-child,
Chris@0 49 [dir="rtl"] .views-ui-dialog input.form-submit:first-child,
Chris@0 50 [dir="rtl"] .views-admin a.button:first-child,
Chris@0 51 [dir="rtl"] .views-ui-dialog a.button:first-child {
Chris@0 52 margin-right: 0;
Chris@0 53 }
Chris@0 54
Chris@0 55 .form-radios > .form-item {
Chris@0 56 margin-top: 3px;
Chris@0 57 }
Chris@0 58
Chris@0 59 /* @group Dependent options
Chris@0 60 */
Chris@0 61
Chris@17 62 /* This is necessary to supersede the Seven .form-item
Chris@0 63 * reset declaration that sets the margin to zero.
Chris@0 64 */
Chris@0 65 .form-item-options-expose-required,
Chris@0 66 .form-item-options-expose-label,
Chris@0 67 .form-item-options-expose-description {
Chris@0 68 margin-left: 1.5em; /* LTR */
Chris@0 69 }
Chris@0 70 [dir="rtl"] .form-item-options-expose-required,
Chris@0 71 [dir="rtl"] .form-item-options-expose-label,
Chris@0 72 [dir="rtl"] .form-item-options-expose-description {
Chris@18 73 margin-right: 1.5em;
Chris@0 74 margin-left: 0;
Chris@0 75 }
Chris@0 76
Chris@0 77 .views-admin-dependent .form-item .form-item,
Chris@0 78 .views-admin-dependent .form-type-checkboxes,
Chris@0 79 .views-admin-dependent .form-type-radios,
Chris@0 80 .views-admin-dependent .form-item .form-item,
Chris@0 81 .form-item-options-expose-required,
Chris@0 82 .form-item-options-expose-label,
Chris@0 83 .form-item-options-expose-description {
Chris@18 84 margin-top: 6px;
Chris@0 85 margin-bottom: 6px;
Chris@0 86 }
Chris@0 87
Chris@0 88 .views-admin-dependent .form-type-radio,
Chris@0 89 .views-admin-dependent .form-radios .form-item {
Chris@18 90 margin-top: 2px;
Chris@0 91 margin-bottom: 2px;
Chris@0 92 }
Chris@0 93
Chris@0 94 /* @end */
Chris@0 95
Chris@0 96 /* @group Lists */
Chris@0 97
Chris@0 98 .views-admin ul.secondary,
Chris@0 99 .views-admin .item-list ul {
Chris@0 100 margin: 0;
Chris@0 101 padding: 0;
Chris@0 102 }
Chris@0 103
Chris@0 104 .views-displays ul.secondary li a,
Chris@0 105 .views-displays ul.secondary li.is-active a,
Chris@0 106 .views-displays ul.secondary li.is-active a.is-active {
Chris@0 107 padding: 2px 7px 3px;
Chris@0 108 }
Chris@0 109
Chris@0 110 .views-displays ul.secondary li a {
Chris@0 111 color: #0074bd;
Chris@0 112 }
Chris@0 113
Chris@0 114 .views-displays ul.secondary li.is-active a,
Chris@0 115 .views-displays ul.secondary li.is-active a.is-active {
Chris@0 116 border: 1px solid transparent;
Chris@0 117 }
Chris@0 118
Chris@0 119 .views-admin .links li {
Chris@0 120 padding-right: 0; /* LTR */
Chris@0 121 }
Chris@0 122 [dir="rtl"] .views-admin .links li {
Chris@0 123 padding-left: 0;
Chris@0 124 }
Chris@0 125
Chris@0 126 .views-admin .button .links li {
Chris@0 127 padding-right: 12px; /* LTR */
Chris@0 128 }
Chris@0 129 [dir="rtl"] .views-admin .button .links li {
Chris@0 130 padding-left: 12px;
Chris@0 131 }
Chris@0 132
Chris@0 133 .views-display-top ul.secondary {
Chris@18 134 float: left; /* LTR */
Chris@0 135 background-color: transparent;
Chris@0 136 }
Chris@0 137 [dir="rtl"] .views-display-top ul.secondary {
Chris@0 138 float: right;
Chris@0 139 }
Chris@0 140
Chris@0 141 .views-display-top .secondary .action-list li {
Chris@0 142 float: none;
Chris@0 143 margin: 0;
Chris@0 144 }
Chris@0 145
Chris@0 146 /* @end */
Chris@0 147
Chris@0 148 /* @group Tables */
Chris@0 149
Chris@0 150 .views-ui-rearrange-filter-form table td,
Chris@0 151 .views-ui-rearrange-filter-form table th {
Chris@0 152 vertical-align: top;
Chris@0 153 }
Chris@0 154
Chris@0 155 /* @end */
Chris@0 156
Chris@0 157 /* @group Attachment details */
Chris@0 158
Chris@0 159 #edit-display-settings-title {
Chris@14 160 color: #008bcb;
Chris@0 161 }
Chris@0 162
Chris@0 163 /* @end */
Chris@0 164
Chris@0 165 /* @group Attachment details tabs
Chris@0 166 *
Chris@0 167 * The tabs that switch between sections
Chris@0 168 */
Chris@0 169
Chris@0 170 .views-displays .secondary {
Chris@0 171 text-align: left; /* LTR */
Chris@0 172 }
Chris@0 173 [dir="rtl"] .views-displays .secondary {
Chris@0 174 text-align: right;
Chris@0 175 }
Chris@0 176
Chris@0 177 .views-admin .icon.add {
Chris@0 178 background-position: center 3px;
Chris@0 179 }
Chris@0 180
Chris@0 181 .views-displays .secondary a:hover > .icon.add {
Chris@0 182 background-position: center -25px;
Chris@0 183 }
Chris@0 184
Chris@0 185 .views-displays .secondary .open > a {
Chris@0 186 border-radius: 7px 7px 0 0;
Chris@0 187 }
Chris@0 188
Chris@0 189 .views-displays .secondary .open > a:hover,
Chris@0 190 .views-displays .secondary .open > a:focus {
Chris@18 191 color: #008bcb;
Chris@0 192 background-color: #f1f1f1;
Chris@0 193 }
Chris@0 194
Chris@0 195 .views-displays .secondary .action-list li:first-child {
Chris@0 196 border-radius: 0 7px 0 0; /* LTR */
Chris@0 197 }
Chris@0 198 [dir="rtl"] .views-displays .secondary .action-list li:first-child {
Chris@0 199 border-radius: 7px 0 0 0;
Chris@0 200 }
Chris@0 201
Chris@0 202 .views-displays .secondary .action-list li:last-child {
Chris@0 203 border-radius: 0 0 7px 7px;
Chris@0 204 }
Chris@0 205
Chris@0 206 .views-displays .secondary .action-list input.form-submit {
Chris@0 207 color: #008bcb;
Chris@0 208 }
Chris@0 209
Chris@0 210 /* @end */
Chris@0 211
Chris@0 212 /* @group Attachment buckets
Chris@0 213 *
Chris@0 214 * These are the individual "buckets," or boxes, inside the display settings area
Chris@0 215 */
Chris@0 216
Chris@0 217 .views-ui-display-tab-bucket h3 {
Chris@0 218 text-transform: uppercase;
Chris@0 219 }
Chris@0 220
Chris@0 221 .views-ui-display-tab-bucket .links {
Chris@0 222 padding: 2px 6px 4px;
Chris@0 223 }
Chris@0 224
Chris@0 225 .views-ui-display-tab-bucket .links li + li {
Chris@0 226 margin-left: 3px; /* LTR */
Chris@0 227 }
Chris@0 228 [dir="rtl"] .views-ui-display-tab-bucket .links li + li {
Chris@18 229 margin-right: 3px;
Chris@0 230 margin-left: 0;
Chris@0 231 }
Chris@0 232
Chris@0 233 /* @end */
Chris@0 234
Chris@0 235 /* @group Rearrange filter criteria */
Chris@0 236
Chris@0 237 .views-ui-rearrange-filter-form .action-links {
Chris@0 238 float: left;
Chris@0 239 margin: 0 0 1em;
Chris@0 240 padding: 0;
Chris@0 241 }
Chris@0 242 .views-ui-rearrange-filter-form .tabledrag-toggle-weight-wrapper {
Chris@0 243 float: right;
Chris@0 244 margin-bottom: 1em;
Chris@0 245 }
Chris@0 246
Chris@0 247 .views-ui-rearrange-filter-form table {
Chris@0 248 border: medium none;
Chris@0 249 }
Chris@0 250
Chris@0 251 .views-ui-rearrange-filter-form [id^="views-row"] {
Chris@0 252 border: medium none;
Chris@0 253 }
Chris@0 254
Chris@0 255 .views-ui-rearrange-filter-form tr td:last-child {
Chris@0 256 border-right: medium none; /* LTR */
Chris@0 257 }
Chris@0 258 [dir="rtl"] .views-ui-rearrange-filter-form tr td:last-child {
Chris@18 259 border-right: initial;
Chris@0 260 border-left: medium none;
Chris@0 261 }
Chris@0 262
Chris@0 263 .views-ui-rearrange-filter-form .filter-group-operator-row {
Chris@18 264 border-right: 1px solid transparent !important;
Chris@0 265 border-left: 1px solid transparent !important;
Chris@0 266 }
Chris@0 267
Chris@0 268 .views-ui-rearrange-filter-form tr.drag td {
Chris@14 269 background-color: #fe7 !important;
Chris@0 270 }
Chris@0 271
Chris@0 272 .views-ui-rearrange-filter-form tr.drag-previous td {
Chris@14 273 background-color: #ffb !important;
Chris@0 274 }
Chris@0 275
Chris@0 276 /* @end */
Chris@0 277
Chris@0 278 /* @group Live preview elements */
Chris@0 279
Chris@0 280 .views-query-info pre {
Chris@18 281 margin-top: 0;
Chris@0 282 margin-bottom: 0;
Chris@0 283 }
Chris@0 284
Chris@0 285 /* @group Query info table */
Chris@0 286
Chris@0 287 .views-query-info table {
Chris@0 288 border-radius: 7px;
Chris@0 289 -webkit-border-horizontal-spacing: 1px;
Chris@0 290 -webkit-border-vertical-spacing: 1px;
Chris@0 291 }
Chris@0 292
Chris@0 293 .views-query-info table tr td:last-child {
Chris@0 294 /* Fixes a Seven style that bleeds down into this table unnecessarily */
Chris@0 295 border-right: 0 none; /* LTR */
Chris@0 296 }
Chris@0 297 [dir="rtl"] .views-query-info table tr td:last-child {
Chris@18 298 border-right: initial;
Chris@0 299 border-left: 0 none;
Chris@0 300 }
Chris@0 301
Chris@0 302 /* @end */
Chris@0 303
Chris@0 304 /* @end */
Chris@0 305
Chris@0 306 /* @group Add view */
Chris@0 307
Chris@0 308 .form-item-page-create,
Chris@0 309 .form-item-block-create {
Chris@0 310 margin-top: 13px;
Chris@0 311 }
Chris@0 312
Chris@0 313 /* @end */
Chris@0 314
Chris@0 315 /* @group Modal dialog box
Chris@0 316 *
Chris@0 317 * The contents of the popup dialog on the views edit form.
Chris@0 318 */
Chris@0 319
Chris@0 320 .filterable-option .form-item.form-type-checkbox {
Chris@18 321 padding-top: 4px;
Chris@0 322 /* This selector is aggressive because Seven's reset for .form-items is aggressive. */
Chris@0 323 padding-bottom: 4px;
Chris@0 324 padding-left: 4px; /* LTR */
Chris@0 325 }
Chris@0 326 [dir="rtl"] .filterable-option .form-item.form-type-checkbox {
Chris@18 327 padding-right: 4px;
Chris@0 328 padding-left: 8px;
Chris@0 329 }
Chris@0 330
Chris@0 331 /* @end */