From 0a049d1a3e1c05cc4b6cec45a690bd63125424e5 Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Tue, 30 Oct 2018 11:32:44 -0400
Subject: [PATCH] Do not rely on browser default styles because www resets
And make a few CSS rules a bit more specific to avoid other style defaults from www
---
src/components/language-selector/language-selector.css | 2 ++
src/components/loader/loader.css | 6 ++++++
src/components/loader/loader.jsx | 4 ++--
src/components/menu-bar/menu-bar.css | 1 +
src/components/menu/menu.css | 3 +++
5 files changed, 14 insertions(+), 2 deletions(-)
diff --git a/src/components/language-selector/language-selector.css b/src/components/language-selector/language-selector.css
index 553183f77..013e340dd 100644
--- a/src/components/language-selector/language-selector.css
+++ b/src/components/language-selector/language-selector.css
@@ -10,6 +10,8 @@
user-select: none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: .875rem;
+ color: $text-primary;
+ background: $ui-white;
}
[dir="ltr"] .language-select {
diff --git a/src/components/loader/loader.css b/src/components/loader/loader.css
index d6ad133bd..1b6ab40ce 100644
--- a/src/components/loader/loader.css
+++ b/src/components/loader/loader.css
@@ -154,6 +154,12 @@
}
}
+.title {
+ font-size: 2rem;
+ font-weight: bold;
+ margin: 0.75rem 0;
+}
+
.message-container-outer {
height: 30px;
overflow: hidden;
diff --git a/src/components/loader/loader.jsx b/src/components/loader/loader.jsx
index 9da2eb383..dea1ff311 100644
--- a/src/components/loader/loader.jsx
+++ b/src/components/loader/loader.jsx
@@ -147,13 +147,13 @@ class LoaderComponent extends React.Component {
src={bottomBlock}
/>
</div>
- <h1 className={styles.title}>
+ <div className={styles.title}>
<FormattedMessage
defaultMessage="Loading Project"
description="Main loading message"
id="gui.loader.headline"
/>
- </h1>
+ </div>
<div className={styles.messageContainerOuter}>
<div
className={styles.messageContainerInner}
diff --git a/src/components/menu-bar/menu-bar.css b/src/components/menu-bar/menu-bar.css
index 683725c03..29902eabb 100644
--- a/src/components/menu-bar/menu-bar.css
+++ b/src/components/menu-bar/menu-bar.css
@@ -55,6 +55,7 @@
}
.language-menu {
+ box-sizing: border-box;
display: inline-flex;
width: $language-selector-width;
}
diff --git a/src/components/menu/menu.css b/src/components/menu/menu.css
index a72037f0d..a5bc07228 100644
--- a/src/components/menu/menu.css
+++ b/src/components/menu/menu.css
@@ -27,6 +27,9 @@
line-height: 34px;
white-space: nowrap;
padding: 0 10px;
+ font-size: .75rem;
+ margin: 0;
+ font-weight: bold;
}
.menu-item.active,
--
GitLab