welcome_css 0.14 → 0.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 682f7550ac525199d356b0d9e3de2678e404a20f690f718ef56f14f4bbbad8b6
-  data.tar.gz: 6ffd47d055cb72e54a40f20835f4982ef4739c99c43bc53ff4609dda536a87fc
+  metadata.gz: 6903bba74ef92c35037827a26c3d9cf9ca408b59d1cfcdd3e8b04d4a1241c30b
+  data.tar.gz: 06eb6d93015a2b3bbaa7a27229b4edba713194d56a640e93db9d30dbaa9b96f4
 SHA512:
-  metadata.gz: '015882cb06a4530ebff92a4974958c87f16f2d96ad2af38aa2443b25eb63ee41299e4399f1799cdd3a3b621adc03f3b9b5ab582ebd649d413924a509c7447c88'
-  data.tar.gz: ae4916f7b0284876bbe4fb19ea927bec76747369a23d938fb83e5a295656fdda63b131f020b5cf80364d35c3c5696ec47aac0d87908e774135bf3e4ca61c204d
+  metadata.gz: fc3516755e3593623f58dcaba45c1223fdba4d96b2b29d9c5ff01cfb171cc9adf1849e2e8af5b4b0f9aa1d17e2666c56464f268c077d6dc1647475e53fc1cb77
+  data.tar.gz: b102651d63659062fcb853bf7a6053b247898f563dc9afc138b829e3c8665157fd139b735e684e7dec04b644dc1fbfa3f76ecc3ecf0dad84e05b8b09d0a53963

data/app/assets/stylesheets/_welcome-ui-buttons.scss

@@ -92,8 +92,8 @@
   border: 1px solid $ui_green;
 }
 .ui-btn-status.btn-secondary {
-  background-color: $ui_darkgray;
-  border: 1px solid $ui_darkgray;
+  background-color: $ui_back;
+  border: 1px solid $ui_back;
 }
 
 /* ========================================= */

data/app/assets/stylesheets/_welcome-ui-sidebar.scss

@@ -585,6 +585,18 @@
   color: #000 !important;
 }
 
+.am-content.ui-app-area .nav-lateral {
+  display: block;
+  float: left;
+  position: relative;
+  width: 18%;
+}
+.am-content.ui-app-area .content-lateral {
+  display: block;
+  float: right;
+  position: relative;
+  width: 82%;
+}
 
  
  

data/app/assets/stylesheets/_welcome-ui-tables.scss

@@ -59,7 +59,7 @@
 
 table .ui-table-row {
   background-color: $ui_white;
-  border: 1px solid rgba(0, 0, 0, 0.125);
+  /*border: 1px solid rgba(0, 0, 0, 0.125);*/
 }
 .ui-toptable {
   background-color: $ui_middlegray;
@@ -79,8 +79,8 @@ table .ui-table-row {
 /* Table Cells  */
 .ui-table thead {
   background-color: #edeff4;
-  border: 1px solid #edeff4;
-  font-family: 'hk-grotesk-semibold';
+  /*border: 1px solid #edeff4;*/
+  font-family: 'hk-grotesk-bold';
 }
 .ui-table table {
   background-color: $ui_white;
@@ -104,6 +104,9 @@ table .ui-table-row {
   background-size: 8px;
   background-position: left 10px top 6px;
 }
+.ui-app-area .table thead th {
+  border-bottom: transparent;
+}
 
 /* Tr */
 .ui-table table tbody tr:hover {
@@ -493,9 +496,9 @@ table .ui-table-row {
   margin-bottom: 60px;
 }
 .ui-app-area .widget-head {
-  background-color: #edeff4 !important;
-  padding: 12px 20px;
-  border: 1px solid #edeff4 !important;
+  background-color: #fff !important;
+  padding: 12px 15px;
+  border-bottom: 1px solid #7A7A7A !important;
   -webkit-border-top-left-radius: .25rem!important;
   -webkit-border-top-right-radius: .25rem!important;
   -moz-border-radius-topleft: .25rem!important;
@@ -513,9 +516,9 @@ table .ui-table-row {
   padding-left: 0;
 }
 .ui-app-area .widget-head  .title {
-  font-size: 20px;
-  font-weight: 500;
-  font-family: gt-eesti-regular;
+  font-size: 22px;
+  font-weight: 600;
+  font-family: 'hk_groteskbold';
 }
 .ui-app-area .card-body .nav.nav-tabs {
   margin-bottom: 30px;
@@ -524,17 +527,47 @@ table .ui-table-row {
 .ui-app-area .card-body .nav-tabs .nav-link.active, .ui-app-area .card-body .nav-tabs .nav-item.show .nav-link,
 .ui-app-area .card-body .nav-tabs .nav-link:hover {
   color: #000;
-  background-color: transparent;
-  border-color: transparent transparent #4A8FE7;
+  background-color: #EDEFF4;
+  border: 1px solid #EDEFF4;
+  border-radius: $ui-radius;
   font-family: gt-eesti-regular;
+  background-image: image-url('icons/menu_requirements.svg');
+  background-repeat: no-repeat;
+  background-size: 10px;
+  background-position: top 15px left 6px;
 }
 .ui-app-area .card-body .nav-tabs .nav-link {
   color: #000;
   font-family: gt-eesti-regular;
+  padding: 8px 8px 8px 22px !important;
 }
+
+/* =========================== */
+
+.ui-app-area .card-body .nav-tabs .nav-link.active .nav-link {
+  padding: 8px 0 !important;
+}
+.ui-app-area .card-body .nav-tabs .nav-link.active .nav-link.active,
+.ui-app-area .card-body .nav-tabs .nav-link.active .nav-link:hover {
+  color: #000;
+  background-color: #fff;
+  border: 1px solid #fff;
+  border-radius: 0 !important;
+  background-image: none;
+  border-bottom: 1px solid #4A8FE7;
+}
+
 .table th, .table td {
   padding: 1rem;
 }
+.am-content.ui-app-area .table th,
+.am-content.ui-app-area .table td {
+  border-top: transparent;
+  border-bottom: 1px solid #dee2e6;
+}
+.am-content.ui-app-area .table tr:last-child td {
+  border-bottom: transparent;
+}
 .ui-app-area .drop-side {
   left: 220px !important;
   top: 4px !important;
@@ -564,12 +597,73 @@ table .ui-table-row {
   margin-bottom: 0px;
 }
 
+.am-content.ui-app-area .content-lateral table {
+  margin-bottom: 0;
+}
+.am-content.ui-app-area .content-lateral .table-widget {
+  margin-bottom: 40px;
+}
+
 /* =========================== */
 
-.main-content table {
+.am-content.ui-app-area .widget-head.primary-head {
+  background-color: #EAEEF5 !important;
+  border-bottom: none !important;
+}
+.am-content.ui-app-area .widget-head.primary-head .title {
+  font-size: 18px;
+}
+.am-content.ui-app-area .widget-head {
+  box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.15);
+  -webkit-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.15);
+  -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.15);
+}
+
+/* =========================== */
+
+.main-content table,
+.am-content.ui-app-area .table-widget,
+.am-content.ui-app-area .content-lateral table {
   box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.25);
   -webkit-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.25);
   -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.25);
+  border-radius: $ui-radius;
+}
+.am-content.ui-app-area .content-lateral table {
+  /*margin-bottom: 40px;*/
+}
+.am-content.ui-app-area .table-widget {
+  background-color: $ui_white;
+}
+
+/* =========================== */
+
+.am-content.ui-app-area .customers-header .accordion-toggle[aria-expanded="true"] img {
+  transform: rotate(180deg);
+}
+.am-content.ui-app-area .customers-header h3 {
+  padding-left: 20px;
+}
+.am-content.ui-app-area .customers-header h3::before {
+  background-image: image-url('icons/menu_customers.svg');
+  background-repeat: no-repeat;
+  background-size: 14px;
+  width: 14px;
+  height: 14px;
+  content: "";
+  display: block;
+  position: absolute;
+  margin-left: -20px;
+  top: 10px;
+}
+.am-content.ui-app-area .customers-header h3:hover {
+  cursor: pointer;
+}
+
+/* =========================== */
+
+.am-content.ui-app-area .customer-block-info {
+  margin-bottom: 40px;
 }
 
 /* =========================== */
@@ -624,13 +718,14 @@ table .ui-table-row {
   margin-right: 20px;
 }
 .main-app .ui-app-area .tab-content .tab-pane {
-  margin-top: 40px;
+  /*margin-top: 40px;*/
 }
 .main-app .ui-app-area .tab-content .tab-pane .h3 {
   font-size: 20px;
 }
-.main-app .ui-app-area table thead {
-  background-color: #edeff4;
+.main-app .ui-app-area table thead th {
+  background-color: #fff;
+  border-bottom: 1px solid #7A7A7A !important;
 }
 .ui-app-area .page-head .dropdown.droppright {
   top: 6px;

data/lib/welcome_css/version.rb

@@ -1,3 +1,3 @@
 module WelcomeCss
-  VERSION = "0.14"
+  VERSION = "0.15"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: welcome_css
 version: !ruby/object:Gem::Version
-  version: '0.14'
+  version: '0.15'
 platform: ruby
 authors:
 - Jose Camacho
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-10-01 00:00:00.000000000 Z
+date: 2021-10-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails