From 8eb5fa4668bece21424e7ea5060e9e9464bc17ce Mon Sep 17 00:00:00 2001
From: Gleb Rysev <gr00314@surrey.ac.uk>
Date: Sat, 15 May 2021 11:51:43 +0100
Subject: [PATCH] Minor comments
---
app/assets/stylesheets/application.scss | 5 ++++-
app/assets/stylesheets/buttons.scss | 7 +++++++
2 files changed, 11 insertions(+), 1 deletion(-)
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index f992a04..c43cbc2 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -37,6 +37,7 @@ h1 {
h3 {
}
+// Do not change link color on hover
a:hover {
color: inherit;
}
@@ -45,6 +46,7 @@ a:hover {
padding-right: 20px;
}
+// Ensure the heading is at the right location
.custom-page-heading {
font-size: 1.8rem;
color: #414a4c;
@@ -57,7 +59,8 @@ li {
float: none;
}
-.btn{
+// Basic styles for buttons
+.btn {
margin-left: 2px;
margin-top: 2px;
}
diff --git a/app/assets/stylesheets/buttons.scss b/app/assets/stylesheets/buttons.scss
index eaa03d4..e312853 100644
--- a/app/assets/stylesheets/buttons.scss
+++ b/app/assets/stylesheets/buttons.scss
@@ -1,17 +1,21 @@
+// Back (red) button for habits
.habit-back-btn {
background-color: #CD5C5C !important;
margin-top: 15px;
margin-left: 10px;
}
+// Change button color on hover
.habit-back-btn:hover {
background-color: #B22222;
}
+// Ensure that text inside is white
#FBlogin {
color: white;
}
+// Color and styles for chatrooms selection
.chat-index-button {
background-color: #343a40;
border-color: #343a40;
@@ -19,16 +23,19 @@
color: #fff;
}
+// Basic animation for chat buttons
.chat-index-button:hover {
transform: translate(10px,0);
transition: all 1s ease-in-out;
color: #00FFFF;
}
+// Hardcode the width
.webpush-button {
width: 150px;
}
+// Hardcode the width
.webpush-unsubscribe-button {
width: 150px;
}
--
GitLab