From 4dda548ba98985a242852254a6ab1101bbafbf5b Mon Sep 17 00:00:00 2001 From: Robb Hamilton Date: Wed, 1 Nov 2017 10:45:19 -0400 Subject: [PATCH] Adjust spacing around 'Events' heading in sidebar on monitoring page --- app/styles/_sidebar-right.less | 9 ++++++--- dist/styles/main.css | 8 +++----- 2 files changed, 9 insertions(+), 8 deletions(-) diff --git a/app/styles/_sidebar-right.less b/app/styles/_sidebar-right.less index b78078c469..375636566d 100644 --- a/app/styles/_sidebar-right.less +++ b/app/styles/_sidebar-right.less @@ -139,10 +139,13 @@ display: flex; justify-content: space-between; // So that sidebar bottom border aligns with main content header bottom border. - margin-top: 17.5px; + margin-top: 0; + padding-bottom: 21px; + padding-top: 24px; h2 { - .h4(); - display: inline-block; + font-size: 14px; + margin-bottom: 0; + margin-top: 0; } .warning-count { .nowrap(); diff --git a/dist/styles/main.css b/dist/styles/main.css index a701fe22fa..089e0361dd 100644 --- a/dist/styles/main.css +++ b/dist/styles/main.css @@ -5278,6 +5278,7 @@ to{background-color:transparent} .pipeline-status-bar .pipeline-line:before{content:'';position:absolute;height:100%;animation:progress-line .35s ease-in forwards} .pipeline-circle{background:#d1d1d1;width:18px;height:18px;border-radius:9px;margin-top:-11px;position:relative;transform:rotate(-90deg)} .pipeline-circle:after{position:absolute;color:#fff;font-family:FontAwesome;font-size:12px;transform:translate(-50%,-50%) rotate(90deg);top:50%;left:50%;opacity:0;animation:fadeIn .1s 875ms linear forwards} +.config-map-table .key,.config-map-table .truncated-content,.edit-yaml .ace_editor.editor,.log-view,dl.secret-data dd .copy-to-clipboard{font-family:Menlo,Monaco,Consolas,monospace} .pipeline-circle .clip1:before,.pipeline-circle .clip2:before{width:18px;height:18px;transform:rotate(360deg);border-radius:9px;position:absolute;content:''} .pipeline-circle .clip1{position:absolute;clip:rect(0,18px,18px,9px);z-index:-9} .pipeline-circle .clip1:before{clip:rect(0,9px,18px,0);animation:progress 175ms .35s linear forwards} @@ -5419,7 +5420,6 @@ td.visible-print,th.visible-print{display:table-cell!important} .osc-secrets-form .advanced-secrets .secret-row .destination-dir,.osc-secrets-form .advanced-secrets .secret-row .secret-name{width:50%;display:inline-block} .osc-secrets-form .advanced-secrets .secret-row .destination-dir{padding-left:5px} dl.secret-data dd{margin-bottom:10px} -dl.secret-data dd .copy-to-clipboard{font-family:Menlo,Monaco,Consolas,monospace} dl.secret-data dt{margin-bottom:5px} @media (min-width:992px){dl.secret-data dd{margin-left:180px} dl.secret-data dt{clear:left;float:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:160px} @@ -5468,10 +5468,8 @@ dl.secret-data pre{margin-bottom:0} .events-sidebar .pficon{vertical-align:middle} .events-sidebar .events-sidebar-collapse{font-size:16px;margin-right:10px} .events-sidebar .events-sidebar-collapse a{text-decoration:none} -.events-sidebar .sidebar-header.right-header{align-items:center;display:flex;justify-content:space-between;margin-top:17.5px} -.events-sidebar .sidebar-header.right-header h2{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;margin-top:10.5px;margin-bottom:10.5px;font-size:14px;display:inline-block} -.config-map-table .key,.config-map-table .truncated-content,.edit-yaml .ace_editor.editor,.log-view{font-family:Menlo,Monaco,Consolas,monospace} -.events-sidebar .sidebar-header.right-header h2 .small,.events-sidebar .sidebar-header.right-header h2 small{font-weight:400;line-height:1;color:#9c9c9c;font-size:75%} +.events-sidebar .sidebar-header.right-header{align-items:center;display:flex;justify-content:space-between;margin-top:0;padding-bottom:21px;padding-top:24px} +.events-sidebar .sidebar-header.right-header h2{font-size:14px;margin-bottom:0;margin-top:0} .events-sidebar .sidebar-header.right-header .warning-count{white-space:nowrap;margin-left:2px} .events-sidebar .sidebar-header.right-header .warning-count .pficon{vertical-align:-1px} .events-sidebar .sidebar-header.right-header .event-details-link{font-size:84%;margin-right:20px}