diff --git a/README.md b/README.md index 82bf675..a2c0347 100644 --- a/README.md +++ b/README.md @@ -26,7 +26,7 @@ $ bundle install ## Set-up - In `app/assets/javascripts/active_admin`, add the line: ``` -//= require capsens_theme/filters_toggle +//= require light_admin/filters_toggle ``` - In `app/assets/stylesheets`, add the line: ``` diff --git a/app/assets/stylesheets/light_admin/components/_buttons.scss b/app/assets/stylesheets/light_admin/components/_buttons.scss index 20b9126..43f0ea8 100644 --- a/app/assets/stylesheets/light_admin/components/_buttons.scss +++ b/app/assets/stylesheets/light_admin/components/_buttons.scss @@ -342,7 +342,6 @@ form.filter_form { } /* BUTTONS FOR ADD AND ERASED DOCUMENTS */ - a.button, a:link.button { background: $bg-white; border: $border-style-buttons; @@ -350,8 +349,10 @@ a.button, a:link.button { box-shadow: $buttons-shadow; font-size: $font-size; font-weight: 500; + text-shadow: none; + color: $text-buttons; +} - &:hover { - background: $bg-light; - } +a.button:not(.disabled):hover, a:link.button:not(.disabled):hover { + background: $bg-light; } diff --git a/app/assets/stylesheets/light_admin/components/_forms.scss b/app/assets/stylesheets/light_admin/components/_forms.scss index 5c239dc..9ddc369 100644 --- a/app/assets/stylesheets/light_admin/components/_forms.scss +++ b/app/assets/stylesheets/light_admin/components/_forms.scss @@ -3,6 +3,14 @@ form { fieldset { legend { span { + background: none; + border: none; + box-shadow: none; + color: inherit; + padding: 0 24px; + position: relative; + top: 30px; + &:empty { display: none; } @@ -135,45 +143,72 @@ form { } /* FILTER FORM */ -form.filter_form { - .filter_form_field { - padding: 24px 0 0 0; - margin: auto; - margin-top: 24px; - border-top: $border-style-light; - width: 90%; - - &:first-child { - padding: 0; - border-top: none; +#filters_sidebar_section { + .sidebar_section + input[type=text] { + width: inherit; + } + + .select2-container + .select2-selection--single { + width: 235px; + } + + .select2-container--default .select2-selection--single + .select2-selection__arrow { + right: -38px; + } + + .select2-container--open + .select2-dropdown--below { + width: 235px !important; + } + + form.filter_form { + .filter_form_field { + padding: 24px 0 0 0; + margin: auto; + margin-top: 24px; + border-top: $border-style-light; + width: 90%; + + &:first-child { + padding: 0; + border-top: none; + } } - } - - .filter_form_field + .filter_form_field { - border-top: $border-style-light; - } -} -.filter_form_field.select_and_search -input[type='text'] { - width: calc(50% - 7px); - height: 20px; -} - -.filter_form_field.filter_date_range -input[type=text] { - max-width: 112px !important; -} - -.filter_form { - .select_and_search { - span { - display: none; + .filter_form_field.select_and_search input[type=text] { + margin-left: 0; + width: inherit; + } + + .filter_form_field + .filter_form_field { + border-top: $border-style-light; } } - - .filter_form_field.filter_date_range input[type='text'] { - height: 37px; + + .filter_form_field.select_and_search + input[type='text'] { + width: calc(50% - 7px); + height: 20px; + } + + .filter_form_field.filter_date_range + input[type=text] { + max-width: 112px !important; + } + + .filter_form { + .select_and_search { + span { + display: none; + } + } + + .filter_form_field.filter_date_range input[type='text'] { + height: 37px; + } } } diff --git a/app/assets/stylesheets/light_admin/components/_header.scss b/app/assets/stylesheets/light_admin/components/_header.scss index d8d227f..effd689 100644 --- a/app/assets/stylesheets/light_admin/components/_header.scss +++ b/app/assets/stylesheets/light_admin/components/_header.scss @@ -48,7 +48,7 @@ ul { background: $bg-white; - margin-top: 10px; + margin-top: 34px; border-radius : 4px; padding: .25rem 0; border: $border-style; diff --git a/app/assets/stylesheets/light_admin/views/_login.scss b/app/assets/stylesheets/light_admin/views/_login.scss index 65f0437..5ce371a 100644 --- a/app/assets/stylesheets/light_admin/views/_login.scss +++ b/app/assets/stylesheets/light_admin/views/_login.scss @@ -7,10 +7,12 @@ font-family: $font-family; font-size: 1.875rem; font-weight: bold; + line-height: initial; text-align: center; color: $title-login; padding: 0; margin-top: 1.5rem; + padding: 0 30px; } /* LOGIN FORM */