diff --git a/core/themes/seven/css/components/views-bulk-operations.css b/core/themes/seven/css/components/views-bulk-operations.css new file mode 100644 index 0000000..8d60077 --- /dev/null +++ b/core/themes/seven/css/components/views-bulk-operations.css @@ -0,0 +1,56 @@ +/** + * @file + * Theme the Views bulk operations form to improve usability. + */ + +#edit-header { + background-color: #f7f7f7; + padding: 0 10px; + margin-top: 1em; + margin-bottom: 1em; + border: 1px solid #e6e4df; +} +#edit-header:after { + content: ""; + display: table; + clear: both; +} +#edit-header .form-item { + margin-right: 10px; +} +[dir="rtl"] #edit-header .form-item { + margin-left: 10px; + margin-right: 0; +} +#edit-header .form-item-action { + max-width: 100%; +} +#edit-header .form-item-action label { + float: left; + margin-right: 10px; +} +[dir="rtl"] #edit-header .form-item-action label { + float: right; + margin-left: 10px; + margin-right: 0; +} +#edit-header .form-actions { + margin-top: 0.7em; + margin-bottom: 0.7em; + float: left; + width: 100%; +} +[dir="rtl"] #edit-header .form-actions { + float: right; +} + +/* Refine vertical alignment at larger screen sizes */ +@media screen and (min-width: 40em) { /* 640px */ + #edit-header .form-item { + float: left; + margin-top: 0.9em; + } + [dir="rtl"] #edit-header .form-item { + float: right; + } +} \ No newline at end of file