diff --git a/app/assets/images/home_back.jpg b/app/assets/images/home_back.jpg index e3026ee45..e3cbe7b1e 100644 Binary files a/app/assets/images/home_back.jpg and b/app/assets/images/home_back.jpg differ diff --git a/app/assets/images/home_back_overlay.jpg b/app/assets/images/home_back_overlay.jpg deleted file mode 100644 index 3a9ac6090..000000000 Binary files a/app/assets/images/home_back_overlay.jpg and /dev/null differ diff --git a/app/assets/stylesheets/_bootstrap-overrides.scss b/app/assets/stylesheets/_bootstrap-overrides.scss index e87e79863..209c59064 100644 --- a/app/assets/stylesheets/_bootstrap-overrides.scss +++ b/app/assets/stylesheets/_bootstrap-overrides.scss @@ -7,3 +7,7 @@ $navbar-inverse-link-color: $white; $navbar-inverse-link-active-color: $palette-light-blue; $navbar-inverse-link-active-bg: $palette-turkey; $navbar-inverse-link-hover-color: $palette-light-blue; +$navbar-inverse-toggle-border-color: $white; +$navbar-inverse-toggle-hover-bg: $palette-dark-turkey; + +$navbar-inverse-bg: $palette-turkey; diff --git a/app/assets/stylesheets/_to-categories-dropdown.scss b/app/assets/stylesheets/_to-categories-dropdown.scss new file mode 100644 index 000000000..648d224e9 --- /dev/null +++ b/app/assets/stylesheets/_to-categories-dropdown.scss @@ -0,0 +1,5 @@ +.to-categories-dropdown { + @media(max-width: $screen-sm-min) { + display: none; + } +} diff --git a/app/assets/stylesheets/_variables.scss b/app/assets/stylesheets/_variables.scss index e4758a205..3a06a6086 100644 --- a/app/assets/stylesheets/_variables.scss +++ b/app/assets/stylesheets/_variables.scss @@ -2,6 +2,8 @@ $palette-turkey: #2797af; $palette-dark-turkey: #165e6d; $palette-light-blue: #d9edf7; +$palette-grey: #aaa; +$palette-black: #333; // Old colors $bg-color: #f5f8fa; @@ -14,7 +16,7 @@ $form-input-bg-color: #f5f5f5; $form-input-button: #2a292a; $form-input-button-hover: #3a393a; $form-a-color: gray; -$form-a-hover-color: #333; +$form-a-hover-color: $palette-black; $form-login-gray-text: #9b9b9b; $btn-landing: rgba(255, 255, 255, 0.7); $btn-landing-hover: rgba(255, 255, 255, 0.9); diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss index 59101a9b3..fc80c8350 100644 --- a/app/assets/stylesheets/application.css.scss +++ b/app/assets/stylesheets/application.css.scss @@ -5,6 +5,7 @@ @import "variables"; @import "bootstrap-sprockets"; @import "bootstrap-custom"; +@import "to-categories-dropdown"; html { font-size:62.5%; @@ -25,6 +26,15 @@ html { float: left; } +.actions-menu { + margin-bottom: 16px; + padding: 0 15px; + + @media(max-width: $screen-sm-min) { + padding: 0; + } +} + .actions-menu > .dropdown > .language b { display: inline-block; margin-left: 0.7rem; @@ -32,10 +42,19 @@ html { .actions-menu > li > a { color: #101010; + padding: 10px 16px; + + @media(max-width: $screen-sm-min) { + padding: 10px; + } } -.actions-menu > li{ - margin-right:5px; +.actions-menu > li { + margin-right: 6px; + + @media(max-width: $screen-sm-min) { + margin-right: 2px; + } } #login-box { @@ -66,14 +85,6 @@ html { transition: background-color 100000s ease-in-out 0s; } - span.input-group-addon { - padding: 2rem 2rem 2rem 3rem; - - @media (max-width: $screen-xs-min) { - display: none; - } - } - span.show-password { border-radius: 0 0.3rem 0.3rem 0; cursor: pointer; @@ -100,10 +111,6 @@ html { text-align: center; } - .panel-body { - padding: 0 3rem 0 3rem; - } - .panel-footer { padding: 2rem 3rem; @@ -136,7 +143,6 @@ html { color: $form-input-glyph; font-size: 2.24rem; letter-spacing: -0.0040rem; - padding: 2rem; } .form-control { @@ -174,7 +180,7 @@ html { background-color: $white; border: 1px solid $border; border-radius: 5px; - margin: 10px; + margin: 14px 0; padding: 5px 20px; h4 { @@ -192,6 +198,12 @@ html { margin-right: 10px; } + &__datetime { + color: $palette-grey; + padding: 4px 0 0; + font-size: 10px; + text-align: right; + } } .break-word { @@ -385,8 +397,13 @@ label[required]::after{ } .navbar-form { - padding: 0; + border: 0; background-color: transparent; + padding: 0; + + @media(max-width: $screen-sm-min) { + padding: 10px 15px; + } } form .checkbox input[type="checkbox"] { @@ -418,7 +435,7 @@ form .checkbox input[type="checkbox"] { } .navbar-static-top { - background-color: $palette-turkey; + background-color: rgba($palette-turkey, 0.9); } .navbar-inverse { @@ -432,7 +449,7 @@ form .checkbox input[type="checkbox"] { } .language-selector{ - margin: 0.5rem 2rem 0 2rem; + margin: 0.6rem 2rem 0 2rem; width: 13.5rem; } @@ -511,18 +528,15 @@ form .checkbox input[type="checkbox"] { .back-overlay { display: block; filter: alpha(opacity = 60); /* For IE8 and earlier */ - opacity: 0.6; + opacity: 0.2; } + .vertical-align { left: 50%; position: absolute; - top: 47%; + top: 52%; transform: translate(-50%, -50%); - width: 75%; - } - .container-fluid { - padding-bottom: 0.8rem; - padding-top: 0.8rem; + width: 82%; } .container-inner { @@ -559,6 +573,7 @@ form .checkbox input[type="checkbox"] { font-weight: 700; letter-spacing: -0.073rem; margin: 0; + text-shadow: 1px 1px $palette-black; } h3 { @@ -567,6 +582,7 @@ form .checkbox input[type="checkbox"] { font-weight: 500; letter-spacing: -0.107rem; margin-top: 1rem; + text-shadow: 1px 1px $palette-black; } .btn { @@ -589,18 +605,6 @@ form .checkbox input[type="checkbox"] { } .login-page { - h1 { - font-size: 3.84rem; - font-weight: 600; - letter-spacing: 0.031rem; - margin-bottom: 2rem; - margin-top: 3rem; - - @media (max-width: $screen-xs-min) { - display: none; - } - } - .material-icons { font-size: 3rem; } @@ -646,10 +650,6 @@ form .checkbox input[type="checkbox"] { padding: 0; } - #login-box .panel-body { - padding: 3rem 3rem 2rem 3rem; - } - .panel-body h2 { font-size: 1.9rem; font-weight: 500; @@ -750,7 +750,7 @@ form .checkbox input[type="checkbox"] { } .banner { - background: image-url('home_back_overlay.jpg') no-repeat center center; + background: image-url('home_back.jpg') no-repeat center center; background-size: cover; margin: 8rem 0 3rem 0; padding: 8rem 1rem; diff --git a/app/views/application/_navbar.html.erb b/app/views/application/_navbar.html.erb index 27f7d759d..3e7d13238 100644 --- a/app/views/application/_navbar.html.erb +++ b/app/views/application/_navbar.html.erb @@ -43,22 +43,20 @@ <% if current_user && current_organization %>