From 2c62403039d4e103ee7fc2bfb52c9ca08a6a8ca4 Mon Sep 17 00:00:00 2001 From: Alex Pott <alex.a.pott@googlemail.com> Date: Wed, 9 Sep 2015 13:37:36 +0100 Subject: [PATCH] Issue #2542600 by emma.maria, Manjit.Singh, LewisNyman: Clean up the "Views" component in Bartik --- core/themes/bartik/css/components/views.css | 120 ++++---------------- 1 file changed, 19 insertions(+), 101 deletions(-) diff --git a/core/themes/bartik/css/components/views.css b/core/themes/bartik/css/components/views.css index 0c0243a327e0..61712577e8b4 100644 --- a/core/themes/bartik/css/components/views.css +++ b/core/themes/bartik/css/components/views.css @@ -1,117 +1,35 @@ -/* ---------- Views styling ---------- */ - -/* @group Lists */ - -.views-display-top .secondary .action-list { - padding-left: 0; /* LTR */ -} - -[dir="rtl"] .views-display-top .secondary .action-list { - padding-left: inherit; - padding-right: 0; -} - -/* @end */ - -/* @group Attachment details tabs - * - * The tabs that switch between sections +/** + * @file + * Styling for Views in Bartik. */ -.views-displays .region-content .secondary, -.views-displays .region-content .secondary { - padding-bottom: 0; - padding-left: 0; /* LTR */ -} -[dir="rtl"] .views-displays .region-content .secondary { - padding-right: 0; -} - -.views-displays .secondary a { - font-size: smaller; +/* Tab styles */ +.views-displays .tabs .open > a { + border-radius: 7px 7px 0 0; } - -.views-displays .secondary > li a { - border-radius: 5px; -} - -.views-displays .secondary > li.open a { - border-radius: 5px 5px 0 0; -} - -.views-displays .secondary .open > a:hover, -.views-displays .secondary .open > a:focus { +.views-displays .tabs .open > a:hover, +.views-displays .tabs .open > a:focus { color: #0071B3; } - -.views-displays .secondary input.form-submit { - font-size: smaller; +.views-displays .secondary .form-submit { + font-size: 0.846em; } -/* @end */ - -/* @group Modal dialog box - * - * The contents of the popup dialog on the views edit form. - */ +/* Tabs action list styles */ +.views-displays .tabs .action-list { + padding: 0; +} +/* Contextual filter options styles */ .views-filterable-options .filterable-option:nth-of-type(even) .form-type-checkbox { background-color: #F9F9F9; } -/* @end */ - -.views-display-column .details-wrapper { - margin-top: 0; -} - -.views-display-column details summary { - background: none; - border: none; - font-family: inherit; - font-size: 13px; - line-height: inherit; - position: relative; - text-indent: 0; - text-shadow: none; - top: 3px; -} - -.views-display-columns details { - position: inherit; -} - -.views-display-columns details summary { - padding: 0 0 4px 2px; /* LTR */ -} -[dir="rtl"] .views-display-columns details summary { - padding: 0 2px 4px 0; -} - -.views-display-columns a.fieldset-title { - color: #0071B3; -} - -.views-display-columns a.fieldset-title:hover, -.views-display-columns a.fieldset-title:focus { - color: #018FE2; -} - -/* @group Dropbutton */ - -.views-ui-display-tab-actions .dropbutton input { +/* Views action dropbutton styles */ +.views-ui-display-tab-actions .dropbutton .form-submit { color: #0071B3; } - -.views-ui-display-tab-actions .dropbutton input:hover, -.views-ui-display-tab-actions .dropbutton input:focus { +.views-ui-display-tab-actions .dropbutton .form-submit:hover, +.views-ui-display-tab-actions .dropbutton .form-submit:focus { color: #018FE2; } - -.views-ui-display-tab-actions .dropbutton input.form-submit { - margin-right: 0; /* LTR */ - margin-top: 0; -} -[dir="rtl"] .views-ui-display-tab-actions .dropbutton input.form-submit { - margin-left: 0; -} -- GitLab