Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

RHCS 4.0 Branding #83

Closed
wants to merge 19 commits into from
Closed

RHCS 4.0 Branding #83

Changes from 1 commit
Commits
Show all changes
19 commits
Select commit Hold shift + click to select a range
23c70f4
New Branding for downstream
Jul 3, 2019
8afb689
refactor(dashboard): restyle UI to match PF4 styles
mcoker Aug 12, 2019
2ba0e5a
fix(nav): update mobile utility and navbar brand css
mcoker Aug 16, 2019
4398963
fix(colors): update success, info, warning, error colors
mcoker Aug 19, 2019
67a229a
fix(dashboard): remove dashboard text from nav, update colors
mcoker Aug 23, 2019
1cef481
mgr/dashboard: fix health pipe test and other
epuertat Aug 28, 2019
b8dca15
mgr/dashboard: add red hat favicon
epuertat Aug 28, 2019
235a478
mgr/dashboard: fix right whitespaced by refresh
epuertat Aug 28, 2019
67592a5
mgr/dashboard: add Red Hat font [optional]
epuertat Aug 29, 2019
55899f8
mgr/dashboad: fix spacing in Pool form
epuertat Aug 29, 2019
e565aaf
mgr/dashboard: use PF label for badges
epuertat Aug 29, 2019
e28de55
mgr/dashboard: hide refresh component
epuertat Aug 30, 2019
28f2fa1
mgr/dashboard: remove white area at the bottom
epuertat Aug 30, 2019
7eb1379
mgr/dashboard: Disable translations
epuertat Sep 2, 2019
5953b5d
mgr/dashboard: fix form & landing page titles
epuertat Sep 3, 2019
8907667
mgr/dashboard: improve landing page.
epuertat Sep 6, 2019
10ae9ca
mgr/dashboard: fix Cephfs hang and tests
epuertat Nov 28, 2019
0be092b
mgr/dashboard: use downstream docs link
epuertat Dec 17, 2019
80ae5b1
mgr/dashboard: fix white border in about box
epuertat Dec 23, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
Prev Previous commit
Next Next commit
fix(nav): update mobile utility and navbar brand css
  • Loading branch information
@mcoker @epuertat
mcoker authored and epuertat committed Aug 22, 2019
commit 2ba0e5a1acee87c7069efd1af37deee01fda3263
41 changes: 32 additions & 9 deletions ...ybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss
View file
Open in desktop
Expand Up @@ -43,6 +43,21 @@
--navbar--sm--links-nested-color: #{$color-nav-links};
--navbar--sm--links-nested-hover-color: #{$color-nav-links-hover};

--navbar-utility-padding-bottom: var(--pf-global--spacer--md);
--navbar-utility--sm--padding-bottom: 0;

--navbar-utility-box-shadow: var(--pf-global--BoxShadow--md-bottom);
--navbar-utility--sm--box-shadow: none;

--navbar-utility-margin-top: var(--pf-global--spacer--sm);
--navbar-utility--sm--margin-top: 0;

--navbar-utility-padding-top: var(--pf-global--spacer--sm);
--navbar-utility--sm--padding-top: 0;

--navbar-utility-border-top: 1px solid $color-nav-border-top-collapse;
--navbar-utility--sm--border-top: 0;

margin-bottom: 0;
background: var(--pf-global--BackgroundColor--dark-100);
border: 0;
Expand All @@ -54,16 +69,20 @@
float: none;
}

.navbar-brand,
.navbar-brand:hover {
color: $color-navbar-brand;
.navbar-brand {
height: auto;
margin: var(--navbar-brand-margin-top) var(--navbar-brand-margin-right) var(--navbar-brand-margin-bottom) var(--navbar-brand-margin-left);
padding: 0;
-webkit-align-self: flex-start;
align-self: flex-start;
}

.navbar-brand,
.navbar-brand:hover,
.navbar-brand:focus {
color: $color-navbar-brand;
}

.navbar-brand > img {
height: var(--navbar-brand-logo-height) !important;
display: inline-block;
Expand Down Expand Up @@ -202,9 +221,11 @@
}

.navbar-utility {
margin-top: var(--pf-global--spacer--sm);
padding-top: var(--pf-global--spacer--sm);
border-top: 1px solid $color-nav-border-top-collapse;
margin-top: var(--navbar-utility-margin-top);
padding-top: var(--navbar-utility-padding-top);
padding-bottom: var(--navbar-utility-padding-bottom);
border-top: var(--navbar-utility-border-top);
box-shadow: var(--navbar-utility-box-shadow);

a {
font-size: 1em;
Expand All @@ -221,6 +242,11 @@
--navbar-links-padding-right: var(--navbar--sm--links-padding-right);
--navbar-links-padding-bottom: var(--navbar--sm--links-padding-bottom);
--navbar-links-padding-left: var(--navbar--sm--links-padding-left);
--navbar-utility-padding-bottom: var(--navbar-utility--sm--padding-bottom);
--navbar-utility-box-shadow: var(--navbar-utility--sm--box-shadow);
--navbar-utility-margin-top: var(--navbar-utility--sm--margin-top);
--navbar-utility-padding-top: var(--navbar-utility--sm--padding-top);
--navbar-utility-border-top: var(--navbar-utility--sm--border-top);

.navbar-primary {
display: flex;
Expand Down Expand Up @@ -258,9 +284,6 @@

.navbar-utility {
z-index: 1;
border-top: 0;
margin-top: 0;
padding-top: 0;
font-size: 12px;
position: absolute;
right: var(--navbar-gutter);
Expand Down