gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(client): header styles

Browse Source
This commit is contained in:
Valeriy
2019-01-27 16:11:50 +03:00
committed by Stuart Taylor
parent 995489eb3c
commit fbb15afa88
4 changed files with 12 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/Header/components/UserState.js
View File

@ -36,7 +36,7 @@ function UserState(props) {
className='user-state-spinner' className='user-state-spinner'
color='white' color='white'
fadeIn='none' fadeIn='none'
height='40px' height='38px'
name='line-scale' name='line-scale'
/> />
); );

12
client/src/components/Header/components/login.css
View File

@ -1,13 +1,3 @@
.btn-cta {
background-color: #ffac33;
background-image: linear-gradient(#ffcc4d, #ffac33);
border-color: #f1a02a;
color: #292f33 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
max-height: 38px;
padding: 4px 12px;
}
.signup-btn.btn { .signup-btn.btn {
background-color: #ffac33; background-color: #ffac33;
background-image: linear-gradient(#ffcc4d, #ffac33); background-image: linear-gradient(#ffcc4d, #ffac33);
@ -15,7 +5,7 @@
border-color: #f1a02a; border-color: #f1a02a;
color: #292f33 !important; color: #292f33 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
height: auto; padding: 4px 12px;
} }
.signup-btn:hover, .signup-btn:hover,
.signup-btn:focus { .signup-btn:focus {

20
client/src/components/Header/header.css
View File

@ -34,7 +34,6 @@ header {
list-style: none; list-style: none;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
width: 290px;
background-color: #006400; background-color: #006400;
} }
@ -43,14 +42,8 @@ header {
max-height: 38px; max-height: 38px;
} }
#top-right-nav a.btn-cta { #top-right-nav > li > a {
background-color: #ffac33; padding: 8px 15px;
background-image: linear-gradient(#ffcc4d, #ffac33);
border-color: #f1a02a;
color: #292f33 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
max-height: 38px;
padding: 4px 12px;
} }
#top-right-nav li { #top-right-nav li {
@ -60,7 +53,7 @@ header {
#top-right-nav li, #top-right-nav li,
#top-right-nav li > a { #top-right-nav li > a {
color: #fff; color: #fff;
font-size: 17px; font-size: 18px;
} }
#top-right-nav li:hover, #top-right-nav li:hover,
@ -89,6 +82,7 @@ li.user-state-link > a:focus {
.user-state-spinner { .user-state-spinner {
height: 38px; height: 38px;
padding: 0 12px;
} }
.user-state-spinner > div { .user-state-spinner > div {
@ -101,12 +95,16 @@ li.user-state-link > a:focus {
padding: 0 10px; padding: 0 10px;
} }
.fcc_searchBar .ais-SearchBox-input,
.fcc_searchBar .ais-Hits {
background-color: #fff;
}
.fcc_searchBar .ais-SearchBox-form { .fcc_searchBar .ais-SearchBox-form {
margin-bottom: 0; margin-bottom: 0;
} }
.fcc_searchBar .ais-Hits { .fcc_searchBar .ais-Hits {
background-color: white;
width: 60%; width: 60%;
} }

6
client/src/components/layouts/night.css
View File

@ -24,11 +24,6 @@
color: #333; color: #333;
} }
.night #top-right-nav li > a,
.night #top-right-nav li > span {
color: #ddd;
}
.night .btn.btn-primary { .night .btn.btn-primary {
color: #ddd; color: #ddd;
} }
@ -40,6 +35,7 @@
color: #fff; color: #fff;
background: #2a2a2a; background: #2a2a2a;
} }
.night .footer,
.night .challenge-instructions blockquote, .night .challenge-instructions blockquote,
.night blockquote, .night blockquote,
.night pre { .night pre {