diff --git a/app/components/lb-addtl-info/template.hbs b/app/components/lb-addtl-info/template.hbs index 449bce57d..988bf65ec 100644 --- a/app/components/lb-addtl-info/template.hbs +++ b/app/components/lb-addtl-info/template.hbs @@ -26,6 +26,12 @@ +
+ {{#if service.description}} + + {{service.description}} + {{/if}} +
diff --git a/app/components/service-addtl-info/template.hbs b/app/components/service-addtl-info/template.hbs index ad65a4f12..41c5cf8b9 100644 --- a/app/components/service-addtl-info/template.hbs +++ b/app/components/service-addtl-info/template.hbs @@ -2,11 +2,11 @@ @@ -32,7 +32,9 @@
{{#each sidekicks as |sidekick|}}
- {{sidekick-addtl-info sidekick=sidekick.config containers=sidekick.instances}} +
+ {{sidekick-addtl-info sidekick=sidekick.config containers=sidekick.instances}} +
{{/each}} diff --git a/app/styles/header.scss b/app/styles/header.scss index 5c529cb49..7d2211085 100644 --- a/app/styles/header.scss +++ b/app/styles/header.scss @@ -1,6 +1,6 @@ /********** -* Header (top bar) -**********/ + * Header (top bar) + **********/ $topHeight: ($header-height * 0.45); $bottomHeight: ($header-height * 0.55); @@ -31,9 +31,9 @@ HEADER { .dropdown { - &.open { - & .icon-chevron-down { - transform:rotate(-180deg); + &.open { + & .icon-chevron-down { + transform:rotate(-180deg); } } @@ -51,13 +51,17 @@ HEADER { color: $midGray; } - .user-toggle { - cursor: pointer; - position: relative; - color: $midGray; - } + .user-toggle { + cursor: pointer; + position: relative; + color: $midGray; + display: inline-block; + height: 40px; + z-index: 1001; /* These have to be > 990 for bootstrap on touch devices */ + } - .dropdown-menu { + + .dropdown-menu { max-height: 300px; width: 300px; overflow-y: auto; @@ -67,14 +71,14 @@ HEADER { color: white; margin: 0; border-radius: 0 0 2px 2px; - - > li > A { - color: white; - &:hover { - color: $blue; - background: rgba(43,43,43,.9); - } + > li > A { + color: white; + + &:hover { + color: $blue; + background: rgba(43,43,43,.9); + } } & > li.selected > a, @@ -82,19 +86,19 @@ HEADER { & > li.selected > a:focus { color: $greenTwoDark } - - .dropdown-header { - color: $lightGray; - padding: 5px 20px; - } - .divider { - background: black; - } + .dropdown-header { + color: $lightGray; + padding: 5px 20px; + } + + .divider { + background: black; + } + + }/*end dropdown-menu*/ + }/*end dropdown*/ - }/*end dropdown-menu*/ - }/*end dropdown*/ - NAV { float: left; @@ -139,7 +143,7 @@ HEADER { .user-btn { float: right; vertical-align: top; - padding: 5px 15px; + padding: 5px 15px 0 15px; } .project-btn { @@ -154,14 +158,13 @@ HEADER { } + .project-menu { + margin-top: -13px; - .project-menu { - margin-top: -13px; - - padding-top: 0; - border-radius: 2px; - } -}/*end project button*/ + padding-top: 0; + border-radius: 2px; + } + }/*end project button*/ .user-menu { transition: ease top 350ms; padding-top: 0; @@ -205,20 +208,20 @@ HEADER { } .user-logout { - background-color: rgba(0, 0, 0, 0.7); - border-top-right-radius: 2px; - position: absolute; - top: 0; - right: 0; - padding: 18px 10px; - color: #dfe9ee; - font-size: 12px; - text-align: center; - vertical-align: middle; - display: inline-block; - &:hover { + background-color: rgba(0, 0, 0, 0.7); + border-top-right-radius: 2px; + position: absolute; + top: 0; + right: 0; + padding: 18px 10px; + color: #dfe9ee; + font-size: 12px; + text-align: center; + vertical-align: middle; + display: inline-block; + &:hover { background: $blackDark; - } + } I { font-size: 20px; vertical-align: middle; @@ -226,9 +229,9 @@ HEADER { } /*end user logout*/ } /*end user auth*/ -}/*end top row*/ + }/*end top row*/ -/*start bottom row*/ + /*start bottom row*/ .bottom-row { min-height: $bottomHeight; background-color: white; @@ -291,7 +294,7 @@ HEADER { } } - + } } /*end nav*/ }/*end bottom row*/ @@ -314,4 +317,4 @@ HEADER { color: $header-link-text; } } /*end h3 */ -} \ No newline at end of file +} diff --git a/app/styles/service-addtl-info.scss b/app/styles/service-addtl-info.scss index 2f88b483b..a0228cd80 100644 --- a/app/styles/service-addtl-info.scss +++ b/app/styles/service-addtl-info.scss @@ -64,6 +64,9 @@ &.active { background: white; } + a { + max-width: 125px; + } } .close { position: absolute; @@ -114,7 +117,7 @@ height: 100%; padding: 10px 0; border-right: 1px solid $gray-light; - max-height: 310px; + max-height: 215px; overflow-y: auto; } .state { diff --git a/app/templates/alias-service-addtl-info.hbs b/app/templates/alias-service-addtl-info.hbs index 72cccbb0a..3d16b4055 100644 --- a/app/templates/alias-service-addtl-info.hbs +++ b/app/templates/alias-service-addtl-info.hbs @@ -1,6 +1,7 @@
- +
+ + {{#if service.description}} + + {{service.description}} + {{/if}}
diff --git a/app/templates/ext-service-addtl-info.hbs b/app/templates/ext-service-addtl-info.hbs index 543b01de1..5d1f0a46f 100644 --- a/app/templates/ext-service-addtl-info.hbs +++ b/app/templates/ext-service-addtl-info.hbs @@ -1,6 +1,7 @@
- +
+ {{#if service.externalIpAddresses.length}} {{/if}} + {{#if service.description}} + + {{service.description}} + {{/if}}