welcome_css 0.14 → 0.18

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 682f7550ac525199d356b0d9e3de2678e404a20f690f718ef56f14f4bbbad8b6
-  data.tar.gz: 6ffd47d055cb72e54a40f20835f4982ef4739c99c43bc53ff4609dda536a87fc
+  metadata.gz: 1c12d7ec056a76d195277070444c76e8cfbcdb6149ec8e26050c9065f8c3dceb
+  data.tar.gz: 4c9d009e9ea50d35dde3e3ef33d699cb36a87cc14975151763341ac4dd216375
 SHA512:
-  metadata.gz: '015882cb06a4530ebff92a4974958c87f16f2d96ad2af38aa2443b25eb63ee41299e4399f1799cdd3a3b621adc03f3b9b5ab582ebd649d413924a509c7447c88'
-  data.tar.gz: ae4916f7b0284876bbe4fb19ea927bec76747369a23d938fb83e5a295656fdda63b131f020b5cf80364d35c3c5696ec47aac0d87908e774135bf3e4ca61c204d
+  metadata.gz: 4c25e329078179b3eacf002a946d05b887cbdfb2c75ae9f6e11be7bfa81eeb0984ede1768909fa35071ea92915ee93e41ac4b2d963a66143d06496bdc099ef2d
+  data.tar.gz: '094d829e8774f135d857c2b59eb390cc5335f7223af69904909ee7c1a67129cded6ad83f7bd659a6f450818ddde5b925603faabdc9bf5e9efceea2c67c1b50fe'

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

@@ -79,6 +79,29 @@
   color: $ui_back;
 }
 
+.btn-blue-alternative {
+  background-color: $ui_white;
+  font-size: $ui_font_normal;
+  color: $ui_blue;
+  border: 1px solid $ui_blue;
+  font-family: 'gt-eesti-medium';
+}
+
+.btn-black {
+  background-color: $ui_back;
+  font-size: $ui_font_normal;
+  color: $ui_white;
+  border: 1px solid $ui_back;
+  font-family: 'gt-eesti-medium';
+}
+.btn-black-alternative {
+  background-color: $ui_white;
+  font-size: $ui_font_normal;
+  color: $ui_back;
+  border: 1px solid $ui_back;
+  font-family: 'gt-eesti-medium';
+}
+
 /* ========================================= */
 
 .ui-btn-status {
@@ -92,8 +115,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;
 }
 
 /* ========================================= */
@@ -152,4 +175,22 @@
   display: block;
   width: 30px;
   height: 30px;
-}*/
+}*/
+
+/* ========================================= */
+
+.am-content.ui-app-area .btn-add {
+  background-color: #fff;
+  padding: 8px 12px !important;
+  border: 1px solid #007bff;
+  font-weight: bold;
+  font-size: 20px;
+  padding: 3px 12px !important;
+  border-radius: $ui-radius;
+  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);
+}
+.am-content.ui-app-area .btn-add:hover {
+  text-decoration: none;
+}

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

@@ -0,0 +1,28 @@
+/* =========================== */
+/* Responsive */
+
+@media (max-width: 1024px) {
+  .am-content.ui-app-area .nav-lateral {
+    display: block;
+    float: left;
+    position: relative;
+    width: 100%;
+  }
+  .am-content.ui-app-area .nav-lateral.nav-tabs .nav-item {
+    display: block;
+    float: left;
+    position: relative;
+  }
+  .am-content.ui-app-area .content-lateral {
+    display: block;
+    float: left;
+    position: relative;
+    width: 100%;
+  }
+}
+
+@media (min-width: 576px) {
+  .modal-dialog {
+    max-width: 680px;
+  }
+}

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,28 +516,99 @@ 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;
   border-bottom: transparent;
 }
+.widget-small .nav.nav-tabs {
+  padding-right: 50px;
+}
 .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;
 }
 .ui-app-area .card-body .nav-tabs .nav-link {
   color: #000;
   font-family: gt-eesti-regular;
+  padding: 8px 12px !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;
+}
+
+.ui-app-area .card-body .content-lateral .nav-link {
+  background-image: none;
+  border: 0px;
+  border-bottom: 1px solid #fff;
+  padding: 8px 0px 8px 0px !important;
+  background-color: transparent;
+  border-radius: 0px !important;
+}
+.ui-app-area .card-body .content-lateral .nav-link.active,
+.ui-app-area .card-body .content-lateral .nav-link:hover {
+  background-image: none;
+  border: 0px;
+  border-bottom: 1px solid #4A8FE7;
+  padding: 8px 0px 8px 0px !important;
+  background-color: transparent;
+  border-radius: 0px !important;
+}
+.ui-app-area .card-body .status-readed {
+  display: inline-block;
+  float: none;
+  position: relative;
+  width: 20px;
+  height: 20px;
+  background-image: image-url('icons/icon-read-yes.svg');
+  background-repeat: no-repeat;
+  background-size: 20px;
+  top: 2px;
+}
+.ui-app-area .card-body .status-notreaded {
+  display: inline-block;
+  float: none;
+  position: relative;
+  width: 20px;
+  height: 20px;
+  background-image: image-url('icons/icon-read-no.svg');
+  background-repeat: no-repeat;
+  background-size: 20px;
+  top: 2px;
 }
+
+
+
 .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 +638,77 @@ 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;
+}
+
+/* =========================== */
+
+.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);
+}
+.am-content.ui-app-area .widget-head-nocolor {
+  background-color: transparent;
+}
+
 /* =========================== */
 
-.main-content table {
+.main-content table,
+.am-content.ui-app-area .table-widget,
+.am-content.ui-app-area .content-lateral table,
+.land-app .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;
 }
 
 /* =========================== */
@@ -603,6 +742,14 @@ table .ui-table-row {
   padding: 12px 20px;
   border: 1px solid #edeff4!important;
 }
+.main-app .tab-table .row-head-white {
+  background-color: #fff;
+  margin-left: 0;
+  margin-right: 0;
+  margin-bottom: 30px;
+  padding: 12px 20px;
+  border-bottom: 1px solid #000!important;
+}
 .main-app .card .card-header {
   background-color: #edeff4;
   font-weight: 600;
@@ -624,13 +771,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;
@@ -1345,7 +1493,165 @@ table .ui-table-row {
 }
 
 /* =========================== */
-/* Admin App - LP */
+/* Modals*/
+
+.am-content.ui-app-area .modal-dialog .btn-outline-danger {
+  color: #FF4949;
+  border-color: #FF4949;
+  padding: 4px 14px;
+  background-image: image-url('icons/icn-trash.svg');
+  background-repeat: no-repeat;
+  background-size: 13px;
+  background-position: left 9px top 8px;
+  width: 33px;
+  height: 36px;
+}
+.am-content.ui-app-area .modal-dialog .btn-outline-danger:hover {
+  color: #fff;
+  background-image: image-url('icons/icn-trash-white.svg');
+}
+.am-content.ui-app-area .modal-dialog textarea.form-control {
+  height: 80px;
+}
+.am-content.ui-app-area .modal-dialog .modal-content {
+  border: none;
+  border-radius: 12px;
+  box-shadow: 0 0 6px 0 rgba(207,207,207,0.50);
+}
+.am-content.ui-app-area .modal.show {
+  background: rgba(145,145,145,0.70);
+}
+
+/* =========================== */
+
+.absolute-right {
+  display: block;
+  position: absolute;
+  right: 15px;
+  top: 0;
+  z-index: 100;
+}
+
+/* =========================== */
+
+.am-content.ui-app-area .modal .property-address .select {
+  padding-right: 45px;
+}
+.am-content.ui-app-area .modal .property-address select {
+  height: 36px !important;
+}
+.am-content.ui-app-area .modal .property-address .select2-container .select2-selection--single,
+.am-content.ui-app-area .modal .select2-container--default .select2-selection--single {
+  height: 36px !important;
+}
+.am-content.ui-app-area .modal .property-address .btn.btn-outline-danger {
+  display: block;
+  position: absolute;
+  top: 32px;
+  right: 15px;
+}
+
+/* =========================== */
+
+.am-content.ui-app-area .modal .form-separation {
+  margin-bottom: 18px;
+}
+.ui-app-area .widget.widget-properties {
+  min-height: auto !important;
+}
+.ui-app-area .widget.widget-properties .card {
+  background-color: #F6F9FD;
+  min-height: auto;
+}
+.ui-app-area .widget.widget-properties .card-body {
+  padding: 25px 0px !important;
+  margin: 0 !important;
+  display: block;
+  font-size: 13px;
+}
+.ui-app-area .widget.widget-properties .card-body .row.row-full:first-child {
+  padding-bottom: 6px;
+}
+.ui-app-area .widget.widget-properties .card-body .h4 {
+  font-size: 15px;
+}
+.ui-app-area .widget.widget-properties .card-body .h4:last-child {
+  margin-bottom: 0;
+}
+.ui-app-area .widget.widget-properties .card-body .status-bubble {
+  display: block;
+  float: right;
+  position: relative;
+  border: 1px solid #D8D8D7;
+  border-radius: 8px;
+  padding: 1px 6px;
+  background-color: $ui_white;
+}
+.ui-app-area .widget.widget-properties .card-body .status-bubble .red {
+  background-color: #F46464;
+  display: inline-block;
+  float: left;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  margin-top: 6px;
+  margin-right: 4px;
+}
+.ui-app-area .widget.widget-properties .card-body .status-bubble .green {
+  background-color: #62DA87;
+  display: inline-block;
+  float: left;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  margin-top: 6px;
+  margin-right: 4px;
+}
+.ui-app-area .widget.widget-properties .card-body .status-bubble .black {
+  background-color: #D8DBE5;
+  display: inline-block;
+  float: left;
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  margin-top: 6px;
+  margin-right: 4px;
+}
+.am-content.ui-app-area .no-properties {
+  display: block;
+  float: left;
+  position: relative;
+  width: 100%;
+  background-color: #fff;
+  margin-top: 20px;
+  margin-bottom: 30px;
+  box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
+  -webkit-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
+  -moz-box-shadow: 1px 1px 12px 0px rgba(141,141,141,0.25);
+}
+.am-content.ui-app-area .no-properties h5 {
+  padding: 22px 20px;
+}
+.am-content.ui-app-area .no-properties .h4 {
+  padding: 22px 20px;
+  border-bottom: 1px solid #000;
+}
+.am-content.ui-app-area .no-properties p {
+  padding: 12px 20px;
+}
+
+/* =========================== */
+
+.am-content.ui-app-area #manage_properties .nav-item {
+  margin-bottom: 6px;
+}
+
+/* =========================== */
+
+.am-content.ui-app-area .row-full {
+  width: 100%;
+  margin: 0 !important;
+}
 
 
 

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

@@ -26,4 +26,16 @@
 }
 #ui-tabs .tab-content {
   margin-top: $md-margintop;
+}
+.am-content.ui-app-area .tab-content .tab-pane .nav-tabs-dates {
+  background-color: #fff;
+  padding: 8px 12px !important;
+  border: 1px solid #EDEFF4;
+  border-radius: $ui-radius;
+  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);
+}
+.am-content.ui-app-area .tab-content .tab-pane .nav-tabs-dates.active {
+  border: 1px solid #007bff;
 }

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

@@ -151,6 +151,15 @@ $lg-paddingbottom: 60px;
 
 /* ====================================== */
 
+.breadcrumb {
+  background-color: #fff !important;
+  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);
+}
+
+/* ====================================== */
+
 .am-login img {
   width: 128px;
   display: block;

data/app/assets/stylesheets/welcome.css.scss

@@ -9,3 +9,4 @@
 @import "welcome-ui-buttons";
 @import "welcome-ui-tabs";
 @import "welcome-ui-sidebar";
+@import "welcome-ui-responsive";

data/lib/welcome_css/version.rb

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

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: welcome_css
 version: !ruby/object:Gem::Version
-  version: '0.14'
+  version: '0.18'
 platform: ruby
 authors:
 - Jose Camacho
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-10-01 00:00:00.000000000 Z
+date: 2021-11-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -234,6 +234,7 @@ files:
 - app/assets/stylesheets/_welcome-ui-buttons.scss
 - app/assets/stylesheets/_welcome-ui-menu-app.scss
 - app/assets/stylesheets/_welcome-ui-navbar.scss
+- app/assets/stylesheets/_welcome-ui-responsive.scss
 - app/assets/stylesheets/_welcome-ui-sidebar.scss
 - app/assets/stylesheets/_welcome-ui-tables.scss
 - app/assets/stylesheets/_welcome-ui-tabs.scss