diff options
| author | Ian Wienand <iwienand@redhat.com> | 2022-09-13 10:00:05 +1000 |
|---|---|---|
| committer | Ian Wienand <iwienand@redhat.com> | 2022-09-13 10:14:15 +1000 |
| commit | 1fb585b4794d5816afbc5729cfe0b0ebcbe16083 (patch) | |
| tree | 91dc92fdaca30bfa4fccbd86a62ee5a104b68148 /web | |
| parent | 20e89b83cc255750fc771191c477f5c53fa5ff25 (diff) | |
| download | zuul-1fb585b4794d5816afbc5729cfe0b0ebcbe16083.tar.gz | |
web: fix logo CSS
This was suggsted and written by Joachim Schuler in [1]. It is
probably a bug that due to asynchronous loading of CSS rules our
logo-height rule here sometimes comes and goes. However, putting this
in a zuul-page class both seems to fix this (I always see the logo
now) and is just generally a nicer way to organise things.
[1] https://github.com/patternfly/patternfly-react/issues/7960#issuecomment-1244017295
Change-Id: Ib1b6be1b554b30ce7a7d2aacae476cefbed63782
Diffstat (limited to 'web')
| -rw-r--r-- | web/src/App.jsx | 2 | ||||
| -rw-r--r-- | web/src/index.css | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/web/src/App.jsx b/web/src/App.jsx index 207417c96..1eec7f2e4 100644 --- a/web/src/App.jsx +++ b/web/src/App.jsx @@ -455,7 +455,7 @@ class App extends React.Component { <React.Fragment> {notifications.length > 0 && this.renderNotifications(notifications)} {this.renderConfigErrors(configErrors)} - <Page header={pageHeader}> + <Page className="zuul-page" header={pageHeader}> <ErrorBoundary> {this.renderContent()} </ErrorBoundary> diff --git a/web/src/index.css b/web/src/index.css index e47cfc63c..d5b9a854f 100644 --- a/web/src/index.css +++ b/web/src/index.css @@ -24,7 +24,7 @@ a.refresh { } /* Navigation bar */ -.zuul-brand { +.zuul-page .pf-c-brand { /* TODO (felix): If we can define a size in the logo.svg itself, this shouldn't be necessary. */ height: 40px; |