diff options
author | Fatih Acet <acetfatih@gmail.com> | 2016-09-19 23:41:36 +0300 |
---|---|---|
committer | Fatih Acet <acetfatih@gmail.com> | 2016-09-19 23:41:36 +0300 |
commit | e49c6f8666f0e4a575bc9e2955c06eb59e213fd1 (patch) | |
tree | 0e72bfd8613087f0baa2ac8814de083e891115c5 /app/assets/stylesheets | |
parent | 3f3bdeced1e2e1f35b9f8e37a45f46233ee5cb58 (diff) | |
download | gitlab-ce-e49c6f8666f0e4a575bc9e2955c06eb59e213fd1.tar.gz |
Finalise cycle analytics frontend.
Diffstat (limited to 'app/assets/stylesheets')
-rw-r--r-- | app/assets/stylesheets/pages/cycle_analytics.scss | 96 |
1 files changed, 49 insertions, 47 deletions
diff --git a/app/assets/stylesheets/pages/cycle_analytics.scss b/app/assets/stylesheets/pages/cycle_analytics.scss index 16a9b0eebfc..4bbd942112a 100644 --- a/app/assets/stylesheets/pages/cycle_analytics.scss +++ b/app/assets/stylesheets/pages/cycle_analytics.scss @@ -1,5 +1,7 @@ #cycle-analytics { - margin-top: 24px; + margin: 24px auto 0; + width: 800px; + position: relative; .panel { @@ -22,6 +24,10 @@ .text { color: $layout-link-gray; } + + &:last-child { + text-align: right; + } } .dropdown { @@ -39,9 +45,13 @@ .content-list { li { padding: 18px $gl-padding $gl-padding; + + .container-fluid { + padding: 0; + } } - .col-md-10 { + .title-col { span { &:first-child { line-height: 19px; @@ -54,62 +64,54 @@ } } - .col-md-2 span { - line-height: 42px; - } - } - - .inner-content { - width: 450px; - text-align: center; - margin: 0 auto; - padding: 62px 0; + .value-col { + text-align: right; - .btn-block { - max-width: 130px; - margin: 0 auto; + span { + line-height: 42px; + } } + } - h4 { - color: $gl-text-color; - font-size: 17px; - } + .landing { + margin-bottom: $gl-padding; + overflow: hidden; - p { - color: #8C8C8C; - margin-bottom: $gl-padding; + .dismiss-icon { + position: absolute; + right: $gl-padding; + cursor: pointer; } - } - &.waiting { - .panel .header { - width: 35px; - height: 35px; - margin-bottom: 3px; + svg { + margin: 0 20px; + float: left; + width: 136px; + height: 136px; } - span { - background-color: #F8F8F8; - color: #F8F8F8 !important; - display: inline-block; - line-height: 13px !important; - } + .inner-content { + width: 480px; + float: left; - .dropdown { - opacity: .33; - } + h4 { + color: $gl-text-color; + font-size: 17px; + } - .col-md-2 span { - position: relative; - top: 11px; + p { + color: #8C8C8C; + margin-bottom: $gl-padding; + } } + } - .fa-spinner { - font-size: 32px; - position: absolute; - left: 50%; - top: 50%; - margin: -16px 0 0 -16px; - } + .fa-spinner { + font-size: 28px; + position: relative; + margin-left: -20px; + left: 50%; + margin-top: 36px; } + } |