Refs #2704: updating filter/search bars, beginning with workbenches#show

3 files changed, 23 insertions, 15 deletions

diff --git a/app/assets/stylesheets/components/_forms.sass b/app/assets/stylesheets/components/_forms.sass
index 3b0f75d08..14ede2860 100644
--- a/app/assets/stylesheets/components/_forms.sass
+++ b/app/assets/stylesheets/components/_forms.sass
@@ -58,11 +58,17 @@ input
 // Search bar
 .search_bar
   position: relative
+  background-color: rgba($grey, 0.15)
+  padding: 7px 15px
   width: 100%
+  padding-right: 60%
 
   > .form-control
+    vertical-align: top
+    border-color: rgba($grey, 0.3)
     border-radius: 4px
-    padding-right: 31px
+    height: 31px
+    padding: 4px 31px 5px 12px
 
     &:first-child, &:last-child
       border-radius: 4px
@@ -71,13 +77,13 @@ input
     position: absolute
     top: 0
     bottom: 0
-    right: 0
+    right: 60%
     z-index: 2
     width: auto
 
     > .btn
       margin: 0
-      padding: 6px 9px
+      padding: 4px 9px 5px 9px
       border: none
       border-radius: 0
       background-color: transparent
@@ -247,10 +253,13 @@ $cbx-size: 20px
 .form.form-filter
   display: block
   position: relative
-  background-color: lighten($blue, 58%)
+  background-color: rgba($grey, 0.15)
   padding-right: 167px
   min-height: 42px
-  border-bottom: 2px solid $darkgrey
+  border-top: 1px solid #fff
+
+  &:first-child
+    border-top: none
 
   > *
     display: inline-block
@@ -265,7 +274,7 @@ $cbx-size: 20px
 
     .control-label
       font-weight: 700
-      color: $blue
+      color: $darkgrey
       line-height: 34px
       margin: 0
       padding: 0 10px 0 0
@@ -310,7 +319,6 @@ $cbx-size: 20px
 
     &.togglable
       padding: 7px 44px 7px 15px
-      // padding-right: 44px
       cursor: pointer
 
       > .control-label
@@ -324,7 +332,7 @@ $cbx-size: 20px
         width: 100%
 
       &:hover, &.open
-        background-color: rgba($blue, 0.4)
+        background-color: $blue
         color: #fff
 
         > .control-label, &:before
diff --git a/app/assets/stylesheets/components/_tables.sass b/app/assets/stylesheets/components/_tables.sass
index f4519f549..bfbc4183f 100644
--- a/app/assets/stylesheets/components/_tables.sass
+++ b/app/assets/stylesheets/components/_tables.sass
@@ -106,9 +106,9 @@
             background-color: darken($red, 5%)
 
   &.noselect
-    .st_action > a
+    > ul > .st_action > a
       &, &[title='Supprimer'], &:hover, &:focus
-        background-color: rgba($grey, 0.65)
+        background-color: rgba($grey, 0.3)
         cursor: not-allowed
 
   > .info-msg
diff --git a/app/views/workbenches/show.html.slim b/app/views/workbenches/show.html.slim
index d6b7a5b4e..c5d1da1cc 100644
--- a/app/views/workbenches/show.html.slim
+++ b/app/views/workbenches/show.html.slim
@@ -13,19 +13,19 @@
 .page_content
   .container-fluid
     - if params[:q].present? or @wbench_refs.any?
+      .row.mb-md
+        .col-lg-12.text-right
+          = new_pagination @wbench_refs
+
       .row.mb-sm
-        .col-lg-5.col-md-6.col-sm-6.col-xs-8
+        .col-lg-12
           = search_form_for @q, url: workbench_path(@workbench.id), builder: SimpleForm::FormBuilder do |f|
             .input-group.search_bar
               = f.search_field :name_cont, class: 'form-control', placeholder: 'Indiquez un nom de référentiel'
               span.input-group-btn
                 button.btn.btn-default type='submit'
                   span.fa.fa-search
-        .col-lg-7.col-md-6.col-sm-6.col-xs-4.text-right
-          = new_pagination @wbench_refs
 
-      .row
-        .col-lg-12
           = render 'filters'
 
     - if @wbench_refs.any?