vhad/web
1
0
Fork 0
mirror of https://github.com/gosticks/web.git synced 2026-07-01 22:50:05 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #429 from XhmikosR/css-tweaks

Browse Source 
Minor SCSS consistency tweaks
This commit is contained in:
Adam Warner
2019-11-27 19:47:32 +00:00
committed by GitHub
parent 0e93965ccc a518a69d5d
commit 2210192097
4 changed files with 24 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
src/scss/_custom.scss
View File

@@ -18,7 +18,7 @@
}
.app-body {
background: #ecf0f5;
background-color: #ecf0f5;
}
.ReactTable .rt-td.horizontal-scroll {
@@ -31,7 +31,7 @@
}
.has-error {
color: rgb(248, 108, 107);
color: #f86c6b;
}
#loginform div.row {
@@ -48,7 +48,7 @@
.login-box-msg {
margin: 0;
text-align: center;
padding: 0 20px 20px 20px;
padding: 0 20px 20px;
}
.stat-height-lock {
@@ -66,8 +66,8 @@
.chartjs-tooltip {
opacity: 1;
position: absolute;
background: rgba(0, 0, 0, .7);
color: white;
background-color: rgba(0, 0, 0, .7);
color: #fff;
border-radius: 3px;
-webkit-transition: all .1s ease;
transition: all .1s ease;
@@ -120,7 +120,7 @@
position: absolute;
right: 0;
top: 10;
padding: 0.25rem 0.75rem;
padding: .25rem .75rem;
visibility: hidden;
}
@@ -137,14 +137,15 @@
border: 1px solid transparent;
}
.container-toggler-button:focus, .container-toggler-button:hover {
.container-toggler-button:focus,
.container-toggler-button:hover {
text-decoration: none;
}
.boxcontainer {
max-width: 1250px;
margin: auto;
box-shadow: 0 0 8px rgba(0,0,0,0.5);
box-shadow: 0 0 8px rgba(0, 0, 0, .5);
}
.boxcontainer .app-header {
@@ -156,8 +157,8 @@
position: absolute;
right: 5%;
top: 10%;
color: black;
opacity: 0.15;
color: #000;
opacity: .15;
font-size: 3em;
}
@@ -180,7 +181,7 @@
}
.form-check-input {
margin-top: 0.2rem;
margin-top: .2rem;
}
.nav-item button {
@@ -192,8 +193,8 @@
}
pre {
color: darkgrey;
background-color: black;
color: #a9a9a9;
background-color: #000;
padding: 10px;
margin: 10px 0;
}
@@ -219,7 +220,7 @@ body {
}
@media (max-width: 576px) {
.modal-dialog {
margin: 0.5rem auto;
}
.modal-dialog {
margin: .5rem auto;
}
}

10
src/scss/_variables.scss
View File

@@ -2,9 +2,9 @@
$navbar-bg: #3c8dbc;
$navbar-brand-bg: #367fa9;
$navbar-brand-width: 200px;
$navbar-color: rgba(0,0,0,.3);
$navbar-hover-color: rgba(0,0,0,.6);
$navbar-active-color: rgba(0,0,0,.8);
$navbar-disabled-color: rgba(0,0,0,.15);
$navbar-color: rgba(0, 0, 0, .3);
$navbar-hover-color: rgba(0, 0, 0, .6);
$navbar-active-color: rgba(0, 0, 0, .8);
$navbar-disabled-color: rgba(0, 0, 0, .15);
$sidebar-bg: #263238;
$sidebar-nav-link-icon-color: #b0bec5;
$sidebar-nav-link-icon-color: #b0bec5;

2
src/scss/style.scss
View File

@@ -5,7 +5,7 @@
@import "@coreui/coreui/scss/coreui.scss";
@import "vendors/chart.js/chart.scss";
// Temp fix for reactstrap
@import '@coreui/coreui/scss/_dropdown-menu-right.scss';
@import "@coreui/coreui/scss/dropdown-menu-right.scss";
// If you want to add something do it here
@import "custom";

2
src/scss/vendors/_variables.scss vendored
View File

@@ -1,6 +1,6 @@
// Override Boostrap variables
@import "../variables";
@import "node_modules/@coreui/coreui/scss/bootstrap/_variables";
@import "node_modules/@coreui/coreui/scss/bootstrap/variables";
@import "node_modules/bootstrap/scss/mixins";
@import "node_modules/bootstrap/scss/functions";
@import "node_modules/bootstrap/scss/variables";