From 468d95151b445e772660bb2278b4e1a72222b57e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jaime=20Pe=CC=81rez=20Crespo?= <jaime.perez@uninett.no>
Date: Wed, 12 Dec 2018 13:19:22 +0100
Subject: [PATCH] A few fixes and improvements to CSS.
---
src/css/default.scss | 47 ++++++++++++++++++++++----------------------
1 file changed, 24 insertions(+), 23 deletions(-)
diff --git a/src/css/default.scss b/src/css/default.scss
index 7f63e9ba9..18aad9c1e 100644
--- a/src/css/default.scss
+++ b/src/css/default.scss
@@ -4,6 +4,12 @@
@import "../../node_modules/selectize/dist/css/selectize.css";
@import "../../node_modules/highlight.js/styles/zenburn.css";
+/*************
+ * VARIABLES *
+ *************/
+
+$lighYellow: "#fffdbf";
+
/************************************************************
* GENERAL
************************************************************/
@@ -91,14 +97,6 @@ a {
}
}
-.dark-bg a {
- color: #e2e2e2;
-}
-
-.dark-bg a:hover {
- color: rgba(0, 0, 0, 0.75);
-}
-
.overflow {
overflow: hidden;
}
@@ -137,6 +135,7 @@ a.pure-button-red {
color: #fff;
&:hover, &:focus {
background-color: #555;
+ padding: .5em 1em;
}
}
@@ -228,10 +227,6 @@ This is the parent `<div>` that contains the menu and the content area.
width: 11em;
}
-#layout.active .menu-link {
- right: 11em;
-}
-
/*
The `#menu` `<div>` is the parent `<div>` that contains the `.pure-menu` that
appears on the left side of the page.
@@ -275,14 +270,6 @@ Add that light border to separate items into groups.
border-top: 1px solid $transitionBackground;
}
-/*
-Change color of the anchor links on hover/focus.
-*/
-#menu .pure-menu li a:hover,
-#menu .pure-menu li a:focus {
- background: black;
-}
-
/*
This styles the selected menu item `<li>`.
*/
@@ -341,7 +328,7 @@ small screens.
text-decoration: none;
&:hover, &:focus {
padding: 2rem 0;
- background: none;
+ background: none !important;
}
}
@@ -450,7 +437,7 @@ CONTENT
}
.message-box.warning {
- background-color: #fffdbf;
+ background-color: $lighYellow;
border-left-color: #f9f56b;
}
@@ -483,7 +470,7 @@ CONTENT
white-space: pre-wrap;
&::selection {
color: black;
- background: #fee9be;
+ background: $lighYellow;
}
}
@@ -629,6 +616,20 @@ div .item {
vertical-align: middle;
}
+.selectize-dropdown-content {
+ cursor: pointer;
+ .option {
+ &:hover, &:focus, &.active {
+ color: white;
+ background-color: #444444;
+ }
+ span.highlight {
+ color: black;
+ background-color: #fffbd5;
+ }
+ }
+}
+
/* ***********************************************************
IMAGES
************************************************************ */
--
GitLab