diff --git a/core/themes/seven/css/components/system-status-counter.css b/core/themes/seven/css/components/system-status-counter.css index 570c792..04d3209 100644 --- a/core/themes/seven/css/components/system-status-counter.css +++ b/core/themes/seven/css/components/system-status-counter.css @@ -13,11 +13,13 @@ .system-status-counter__status-icon { display: inline-block; height: 45px; + width: 2.815rem; width: 45px; + width: 2.815rem; vertical-align: middle; border-right: 1px solid #e6e4df; /* LTR */ border-left: 0; /* LTR */ - background-color: #FAF9F5; + background-color: #faf9f5; box-shadow: 0 1px 1px rgba(0, 0, 0, .1) inset; } [dir="rtl"] .system-status-counter__status-icon { @@ -28,6 +30,7 @@ .system-status-counter__status-icon:before { content: ""; background-size: 25px; + background-size: 1.5625rem; background-position: 50% center; background-repeat: no-repeat; width: 100%; @@ -51,6 +54,7 @@ text-transform: uppercase; padding: 0 6px; font-size: 16px; + font-size: 1rem; line-height: 1em; font-weight: bold; } @@ -64,24 +68,30 @@ .system-status-counter__status-icon, .system-status-counter { height: 85px; + height: 5.3125rem; } .system-status-counter__status-icon { width: 85px; + width: 5.3125rem; } .system-status-counter__status-title { font-size: 20px; + font-size: 1.25rem; padding: 10px 3%; } .toolbar-vertical.toolbar-tray-open .system-status-counter__status-title { font-size: 16px; + font-size: 1rem; } .system-status-counter__status-icon:before { background-size: 35px; + background-size: 2.1875rem; } } @media screen and (min-width: 76em) { .toolbar-vertical.toolbar-tray-open .system-status-counter__status-title { font-size: 20px; + font-size: 1.25rem; } -} \ No newline at end of file +} diff --git a/core/themes/seven/css/components/system-status-report.css b/core/themes/seven/css/components/system-status-report.css index 36bde7a..9e4a9c7 100644 --- a/core/themes/seven/css/components/system-status-report.css +++ b/core/themes/seven/css/components/system-status-report.css @@ -7,7 +7,7 @@ border: 1px solid #ccc; } .system-status-general-info__header { - background-color: #F5F5F2; + background-color: #f5f5f2; padding: 10px; margin: 0; overflow: hidden; @@ -57,9 +57,13 @@ box-sizing: border-box; display: inline-block; width: calc(100% - 60px); - padding-left: 10px; + padding-left: 10px; /* LTR */ position: relative; } +[dir="rtl"] .system-status-general-info__item-details { + padding-right: 10px; + padding-left: 0; +} .system-status-general-info__item-title { margin-bottom: 0; } @@ -84,7 +88,7 @@ .system-status-general-info__item:nth-child(2), .system-status-general-info__item:nth-child(4), .system-status-general-info__item:nth-child(5) { - border-left: 1px solid #ccc; + border-left: 1px solid #ccc; /* LTR */ } [dir="rtl"] .system-status-general-info__item:nth-child(1), [dir="rtl"] .system-status-general-info__item:nth-child(3) { @@ -97,7 +101,7 @@ .system-status-general-info__run-cron { position: absolute; top: 1em; - right: 1em; + right: 1em; /* LTR */ margin-top: 0; } [dir="rtl"] .system-status-general-info__run-cron { @@ -129,7 +133,7 @@ /* Account for native and poly-filled details element */ .system-status-report__status-title { position: relative; - padding: 1em 1em 1em 3em; + padding: 1em 1em 1em 3em; /* LTR */ box-sizing: border-box; } .system-status-report__status-title .details-title { @@ -140,7 +144,7 @@ html:not(.details) .system-status-report__status-title { padding-left: 0; } .system-status-report__status-title .details-title { - padding-left: 3em; + padding-left: 3em; /* LTR */ } [dir="rtl"] .system-status-report__status-title .details-title { padding-right: 3em; @@ -150,10 +154,10 @@ html:not(.details) .system-status-report__status-title { padding: 1em 3em 1em 1em; } .collapse-processed > .system-status-report__status-title:before { - float: right; + float: right; /* LTR */ } .system-status-report__status-title::-webkit-details-marker { - float: right; + float: right; /* LTR */ } [dir="rtl"] .collapse-processed > .system-status-report__status-title:before { float: left; @@ -177,16 +181,17 @@ html:not(.details) .system-status-report__status-title { height: 16px; width: 16px; position: absolute; - left: 10px; + left: 10px; /* LTR */ top: 1em; display: inline-block; vertical-align: top; - margin-right: 10px; + margin-right: 10px; /* LTR */ } [dir="rtl"] .system-status-report__status-title .details-title:before, [dir="rtl"].details .system-status-report__status-title:before { left: auto; right: 10px; + margin-right: 0; } .system-status-report__status-icon--error .details-title:before, .details .system-status-report__status-icon--error:before { @@ -199,7 +204,7 @@ html:not(.details) .system-status-report__status-title { .system-status-report__entry__value { box-sizing: border-box; - padding: 0 1em 1em 3em; + padding: 0 1em 1em 3em; /* LTR */ } [dir="rtl"] .system-status-report__entry__value { padding-right: 3em; @@ -220,7 +225,10 @@ html:not(.details) .system-status-report__status-title { } .system-status-report details > summary:first-child { width: 35ch; - float: left; + float: left; /* LTR */ + } + [dir="rtl"] .system-status-report details > summary:first-child { + float: right; } .collapse-processed > .system-status-report__status-title:before { display: none; @@ -232,7 +240,7 @@ html:not(.details) .system-status-report__status-title { width: calc(100% - 35ch - 1em); float: right; display: block; - padding-left: 0; + padding-left: 0; /* LTR */ padding-top: 1em; } [dir="rtl"] .system-status-report__entry__value { diff --git a/core/themes/seven/css/components/system.admin.css b/core/themes/seven/css/components/system.admin.css index e6d57ae..8233c05 100644 --- a/core/themes/seven/css/components/system.admin.css +++ b/core/themes/seven/css/components/system.admin.css @@ -20,7 +20,7 @@ margin: 0 2.5em; } .layout-column { - float: left; /* LTR */ + float: left; /* LTR */ box-sizing: border-box; } [dir="rtl"] .layout-column { @@ -117,7 +117,7 @@ small .admin-link:after { text-transform: none; } .system-modules td details a { - color: #5C5C5B; + color: #5c5c5b; border: 0px; } .system-modules td details {