diff --git a/core/themes/seven/css/components/form.css b/core/themes/seven/css/components/form.css index f3acc2c..f31d06c 100644 --- a/core/themes/seven/css/components/form.css +++ b/core/themes/seven/css/components/form.css @@ -222,6 +222,78 @@ textarea.form-textarea { } /** + * Improve usability of Views bulk action form. + */ +[data-drupal-selector="edit-header"] { + padding: 10px 12px; + background: #f5f5f2; + border: solid #bfbfba; + border-width: 1px 0; + position: relative; +} +[data-drupal-selector="edit-header"] .form-wrapper > div, +[data-drupal-selector="edit-header"] .form-wrapper > div > label, +[data-drupal-selector="edit-header"] .form-wrapper > div > select { + display: inline-block; +} + +/** + * Hide arrow on medium screens. + */ +@media screen and (min-width: 961px) { + /** + * Grid view. + */ + [data-drupal-selector="edit-header"] + .views-view-grid { + position: relative; + } + [data-drupal-selector="edit-header"] + .views-view-grid .views-row:first-child .views-col:before { + content: ""; + background: url("../../images/arrow.svg") top center no-repeat; + z-index: 2; + height: 10px; + width: 16px; + display: block; + position: absolute; + top: -1px; + } + + /** + * Table view. + */ + [data-drupal-selector="edit-header"] + .views-table { + position: relative; + } + [data-drupal-selector="edit-header"] + .views-table td:first-child:before { + content: ""; + background: url("../../images/arrow.svg") top center no-repeat; + z-index: 2; + height: 10px; + width: 16px; + display: block; + position: absolute; + top: -1px; + } + + /** + * List view. + */ + [data-drupal-selector="edit-header"] + .item-list { + position: relative; + } + [data-drupal-selector="edit-header"] + .item-list li:first-child:before { + content: ""; + background: url("../../images/arrow.svg") top center no-repeat; + z-index: 2; + height: 10px; + width: 16px; + display: block; + position: absolute; + top: -11px; + } +} + +/** * Limits extra long instances of select elements to the max width allowed * to avoid breaking layouts. */ diff --git a/core/themes/seven/images/arrow.svg b/core/themes/seven/images/arrow.svg new file mode 100644 index 0000000..43435de --- /dev/null +++ b/core/themes/seven/images/arrow.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file