light_admin 1.1.2 → 1.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 74f55afca275de40be2af4f8c59588a43ef0448e57376f5792128d00e507cbe1
-  data.tar.gz: c61db02ebe11315a87d67c6e7995f03b08278bddd13144e3f7e631e5c4a2039b
+  metadata.gz: 73afd454b7b957647691aee643dbe7cb6bf16996f460b856d22d33f5e51eeb01
+  data.tar.gz: bd19451a6a1b16392c8fc1957a499d12624eb94f4f7f356c3d8259298a33928d
 SHA512:
-  metadata.gz: e0918b691bff4cadc2587300e51c3dff3cb88524634ddf19611fb14c190fbae74e0f2b2dda7cebfb774d99564c6f5dedd179728903148a547c6a277033738093
-  data.tar.gz: e169102831605e9a354694c71f4ffa70c188080606f9f0f544089da9c2e287955b37e61ecf610fc992a5bdf14ea9079ccd71d600b8cd677037cf7157267af8b2
+  metadata.gz: 3abfd124602d73469da64319cf250d8d1acb5c3963f056219429d3d19b003c4335f60b64146486f0b379eb399c855cf634380bfd35ca40f39adccbf654cf9033
+  data.tar.gz: 821a798e0c4abb184def04b8b9ce0beeddea987377b48b24bb8d7c1f1b99858605214e173275aca44f9a7042134f766b0b5ada382b5a80a297f1339a1cefe0eb

data/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 1.1.3
+
+* Fix title_bar horizontal scroll.
+
 ## 1.1.2
 
 * Fix env specific border left and right.

data/app/assets/stylesheets/light_admin/_rules.scss

@@ -4,7 +4,9 @@ body {
   color: $global-text-color;
   background-color: $bg-light;
 
-  *, *::before, *::after {
+  *,
+  *::before,
+  *::after {
     box-sizing: unset;
   }
 
@@ -53,6 +55,6 @@ body {
 
 .index {
   #wrapper {
-    display: unset;
+    display: block;
   }
 }

data/app/assets/stylesheets/light_admin/components/_buttons.scss

@@ -1,11 +1,19 @@
 /* BUTTONS IN THE TITLE BAR */
 #title_bar {
   .action_items {
+    height: 100%;
+    display: flex;
+    align-items: center;
+
+    &::after {
+      display: none;
+    }
+
     span.action_item > a {
       background: $bg-white;
       border: $border-style-buttons;
       border-radius: $border-radius-btn;
-      padding: .5rem 1rem;
+      padding: 0.5rem 1rem;
       box-shadow: $buttons-shadow;
       text-shadow: none;
       color: $text-buttons;
@@ -13,7 +21,7 @@
       font-weight: 500;
       font-family: $font-family;
       margin-right: 15px;
-      transition: all .3s ease;
+      transition: all 0.3s ease;
 
       &:not(.disabled):hover {
         background: $bg-light;
@@ -61,7 +69,7 @@
       box-shadow: none;
       border-radius: unset;
       border-right: $border-style;
-      padding: .74rem;
+      padding: 0.74rem;
       color: $text-buttons;
       font-weight: normal;
       font-family: $font-family;
@@ -87,11 +95,16 @@
     background: $bg-buttons;
     box-shadow: none;
   }
-
 }
 
 /* GROUPED ACTIONS BUTTON */
-a.table_tools_button, .table_tools .dropdown_menu_button, #title_bar div.action_items span.action_item .dropdown_menu a.dropdown_menu_button {
+a.table_tools_button,
+.table_tools .dropdown_menu_button,
+#title_bar
+  div.action_items
+  span.action_item
+  .dropdown_menu
+  a.dropdown_menu_button {
   box-shadow: none;
   text-shadow: none;
   border: none;
@@ -100,14 +113,15 @@ a.table_tools_button, .table_tools .dropdown_menu_button, #title_bar div.action_
   font-size: $font-size;
   font-weight: 500;
   background: $bg-buttons;
-  padding: .5rem 1rem;
+  padding: 0.5rem 1rem;
 }
 
 .table_tools_segmented_control li.selected a {
   color: $text-buttons;
 }
 
-.dropdown_menu, #title_bar div.action_items span.action_item .dropdown_menu {
+.dropdown_menu,
+#title_bar div.action_items span.action_item .dropdown_menu {
   .dropdown_menu_button {
     &:not(.disabled) {
       &:hover {
@@ -260,8 +274,8 @@ a.table_tools_button, .table_tools .dropdown_menu_button, #title_bar div.action_
 }
 
 /* FORMS BUTTONS */
-form input[type=submit],
-form input[type=button],
+form input[type='submit'],
+form input[type='button'],
 form button {
   background: $bg-buttons;
   color: $text-white;
@@ -270,7 +284,7 @@ form button {
   font-size: 80%;
   text-shadow: none;
   box-shadow: none;
-  border: .5px solid $white;
+  border: 0.5px solid $white;
   border-radius: $border-radius-btn;
 
   &:not(.disabled):hover {
@@ -295,13 +309,13 @@ form {
         font-size: 80%;
         text-shadow: none;
         box-shadow: none;
-        border: .5px solid $white;
+        border: 0.5px solid $white;
         border-radius: $border-radius-btn;
 
         &:not(.disabled):hover {
           background: $bg-white;
           color: $text-danger;
-          border: .5px solid $danger;
+          border: 0.5px solid $danger;
         }
       }
     }
@@ -329,21 +343,22 @@ form.filter_form {
       font-size: 80%;
       text-shadow: none;
       box-shadow: none;
-      border: .5px solid $white;
+      border: 0.5px solid $white;
       border-radius: $border-radius-btn;
       margin-left: auto;
 
       &:not(.disabled):hover {
         background: $bg-white;
         color: $text-danger;
-        border: .5px solid $danger;
+        border: 0.5px solid $danger;
       }
     }
   }
 }
 
 /* BUTTONS FOR ADD AND ERASED DOCUMENTS */
-a.button, a:link.button {
+a.button,
+a:link.button {
   background: $bg-white;
   border: $border-style-buttons;
   border-radius: $border-radius-btn;
@@ -354,6 +369,7 @@ a.button, a:link.button {
   color: $text-buttons;
 }
 
-a.button:not(.disabled):hover, a:link.button:not(.disabled):hover {
+a.button:not(.disabled):hover,
+a:link.button:not(.disabled):hover {
   background: $bg-light;
 }

data/app/assets/stylesheets/light_admin/components/_forms.scss

@@ -10,7 +10,7 @@ form {
         padding: 0 24px;
         position: relative;
         top: 30px;
-        
+
         &:empty {
           display: none;
         }
@@ -42,7 +42,7 @@ form {
 
   ol > li {
     border-bottom: none;
-    padding: 0 0 .5rem 0 !important;
+    padding: 0 0 0.5rem 0 !important;
 
     label {
       width: 100% !important;
@@ -147,23 +147,21 @@ form {
 
 /* FILTER FORM */
 #filters_sidebar_section {
-  .sidebar_section
-  input[type=text] {
+  .sidebar_section input[type='text'] {
     width: inherit;
   }
 
-  .select2-container
-  .select2-selection--single {
+  .select2-container .select2-selection--single {
     width: 235px;
   }
-  
-  .select2-container--default .select2-selection--single
-  .select2-selection__arrow {
+
+  .select2-container--default
+    .select2-selection--single
+    .select2-selection__arrow {
     right: -38px;
   }
 
-  .select2-container--open
-  .select2-dropdown--below {
+  .select2-container--open .select2-dropdown--below {
     width: 235px !important;
   }
 
@@ -174,40 +172,38 @@ form {
       margin-top: 24px;
       border-top: $border-style-light;
       width: 90%;
-  
+
       &:first-child {
         padding: 0;
         border-top: none;
       }
     }
 
-    .filter_form_field.select_and_search input[type=text] {
+    .filter_form_field.select_and_search input[type='text'] {
       margin-left: 10px;
     }
-  
+
     .filter_form_field + .filter_form_field {
       border-top: $border-style-light;
     }
   }
-  
-  .filter_form_field.select_and_search
-  input[type='text'] {
-    width: calc(50% - 22px);
+
+  .filter_form_field.select_and_search input[type='text'] {
+    width: calc(50% - 33px);
     height: 20px;
   }
-  
-  .filter_form_field.filter_date_range
-  input[type=text] {
-    max-width: 112px !important;
+
+  .filter_form_field.filter_date_range input[type='text'] {
+    max-width: 92px !important;
   }
-  
+
   .filter_form {
     .select_and_search {
       span {
         display: none;
       }
     }
-  
+
     .filter_form_field.filter_date_range input[type='text'] {
       height: 37px;
     }
@@ -219,6 +215,10 @@ form {
   input[type='text'] {
     height: 20px;
   }
+
+  select {
+    width: 225px;
+  }
 }
 
 /* ACTIVE ADMIN ADDONS CLASSES FORM */
@@ -226,19 +226,17 @@ form {
   width: 100% !important;
 }
 
-.select2-container--default
-.select2-selection--single {
+.select2-container--default .select2-selection--single {
   border: $border-style;
 }
 
-.select2-container
-.select2-selection--single {
+.select2-container .select2-selection--single {
   height: 37px;
   box-shadow: $field-shadow;
 }
 
 .select2-container--default
-.select2-selection--single
-.select2-selection__arrow {
+  .select2-selection--single
+  .select2-selection__arrow {
   height: 36px;
 }

data/app/assets/stylesheets/light_admin/components/_tables.scss

@@ -20,7 +20,7 @@ table {
   table {
     tr {
       background: none;
-      transition: .3s ease;
+      transition: 0.3s ease;
 
       &:hover {
         background: $bg-light;
@@ -32,7 +32,7 @@ table {
 table.index_table {
   border: none;
   border-radius: $global-border-radius;
-  padding: 30px;
+  padding: 0px;
   box-shadow: none;
 
   thead {
@@ -68,7 +68,8 @@ table.index_table {
     }
   }
 
-  th.sorted-asc, th.sorted-desc {
+  th.sorted-asc,
+  th.sorted-desc {
     background: $bg-white;
     text-transform: uppercase;
   }
@@ -112,14 +113,15 @@ table.index_table {
 
   table {
     tr {
-      transition: .3s;
+      transition: 0.3s;
 
       &:hover {
         background: $bg-light;
       }
     }
 
-    th, td {
+    th,
+    td {
       border-bottom: $border-style-light;
       padding: 1.25rem 1rem;
     }
@@ -137,7 +139,8 @@ table.index_table {
     border-bottom: $border-style-light;
   }
 
-  th, td {
+  th,
+  td {
     padding: 1rem 1.5rem;
     border-bottom: $border-style-light;
   }

data/app/assets/stylesheets/light_admin/components/_titles.scss

@@ -9,6 +9,11 @@
   margin-bottom: 0;
   width: calc(100% - 2rem);
   box-shadow: $global-shadow;
+  display: flex;
+  max-width: auto;
+  width: auto;
+  justify-content: space-between;
+  align-items: center;
 
   #page_title {
     color: $global-text-color;

data/lib/light_admin/version.rb

@@ -1,3 +1,3 @@
 module LightAdmin
-  VERSION = "1.1.2"
+  VERSION = "1.1.3"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: light_admin
 version: !ruby/object:Gem::Version
-  version: 1.1.2
+  version: 1.1.3
 platform: ruby
 authors:
 - Marie Ishihara
@@ -10,7 +10,7 @@ authors:
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-09-25 00:00:00.000000000 Z
+date: 2024-10-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activeadmin