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

Adjust spaces and sizes on sidebar

Browse Source 
Addressing the changes discussed over skype to fix #6564, and an incoming issue with #6584 in which the absence of the button will create awkward empty spaces.
Took that chance to improve the spacing even further —vertical real state.

----

bonus: changed the colour for the navbar hover status (brown -> darkgreen)
This commit is contained in:
Hallaathrad
2016-01-29 19:45:21 -05:00
committed by SaintPeter
parent c62b7abf8f
commit 81f9b92bed
3 changed files with 27 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/less/lib/bootstrap/variables.less
View File

@ -360,7 +360,7 @@
// Navbar links // Navbar links
@navbar-default-link-color: @gray-lighter; @navbar-default-link-color: @gray-lighter;
@navbar-default-link-hover-color: #4a2b0f; @navbar-default-link-hover-color: darkgreen;
@navbar-default-link-hover-bg: @gray-lighter; @navbar-default-link-hover-bg: @gray-lighter;
@navbar-default-link-active-color: @gray-lighter; @navbar-default-link-active-color: @gray-lighter;
@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%); @navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);

48
client/less/map.less
View File

@ -3,11 +3,11 @@
* license: MIT * license: MIT
*/ */
.map-aside { .map-aside {
width:500px;
z-index: 20000; z-index: 20000;
position: fixed; position: fixed;
top: 0; top: 0;
left: 60%;
bottom: 0; bottom: 0;
right: 0; right: 0;
@ -39,20 +39,6 @@
background-color: @body-bg; background-color: @body-bg;
} }
@media (max-width: 1150px) {
left: 45%;
}
@media (max-width: 944px) {
left: 30%;
}
@media (max-width: 600px) {
left: 15%;
}
@media (max-width: 500px) {
left: 0;
border-left: none;
}
& > iframe { & > iframe {
flex: 1; flex: 1;
width: 100%; width: 100%;
@ -87,24 +73,33 @@
.map-fixed-header { .map-fixed-header {
position: fixed; position: fixed;
background: white; background: white;
padding-top: 15px; padding-top: 20px;
width: 100%; width: 100%;
z-index: 1; z-index: 1;
left: 0; left: 0;
top: 0; top: 0;
@media (max-width: 720px) {
padding-top:35px;
}
} }
.map-fixed-header p { .map-fixed-header p {
margin: 10px 0 20px; margin: 10px 0 20px;
@media (max-width: 720px) {
margin-bottom:15px;
}
} }
.map-fixed-header hr { .map-fixed-header hr {
margin:30px 0; margin:35px 0;
@media (max-width: 720px) {
margin:25px 0;
}
} }
.map-buttons button { .map-buttons button {
width:300px; width:300px;
} }
.map-accordion { .map-accordion {
margin: 155px auto 0; margin: 140px auto 0;
width:700px; width:700px;
overflow-y: auto; overflow-y: auto;
position:relative; position:relative;
@ -157,11 +152,16 @@
} }
} }
.challengeBlockTime { .challengeBlockTime {
margin-right: 20px;
margin-top:5px;
float:right;
font-size: 18px; font-size: 18px;
color: #BBBBBB; color: #BBBBBB;
display:block;
margin-left: 40px;
margin-bottom: 20px;
@media (min-width: 721px) {
margin-right: 20px;
margin-top:-30px;
float:right;
}
} }
@media (max-width: 720px) { @media (max-width: 720px) {
@ -169,7 +169,7 @@
left:0; left:0;
right:0; right:0;
width:100%; width:100%;
margin-top:194px; margin-top:165px;
h2 { h2 {
margin:15px 0; margin:15px 0;
padding:0; padding:0;
@ -189,10 +189,6 @@
} }
} }
} }
.challengeBlockTime {
float:none;
display:block;
}
} }
.map-aside-action-item { .map-aside-action-item {