welcome_css 0.28 → 0.29

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b149b52185d8f4873e173c05b26f7c2903c2f4a549467eef4c798b74a44dfe6c
-  data.tar.gz: 3c585a014a599bc09b0a74b3f531d86afc8a1ecf8165f758f28813be463e130c
+  metadata.gz: faaec364c3e93350b3cb8fbe4fb5ece65dd61481398bd40505106b3c01b09733
+  data.tar.gz: 65e4a978db869c526705bf7962fdd2379c83589b510aa1dbf741af6bc3c6ca03
 SHA512:
-  metadata.gz: a15811e869d77dd0147aaf95ffb6bd06b1d58abf656971dcec4552e7d5723b630b80acf4a535f294148e3fb5ad7f5dd36b2f2138343b1eab546a3e3902a49946
-  data.tar.gz: 37888260df98b872ddf8192d3b66d82d340bd62e336a20fcf4f79c7f621e17332bd181cf160a86e78e384088d38e8c6f0f184534bb9176b30584c9bb9c56ce45
+  metadata.gz: cc1e6d4b3c2c273dc42d306edc69dbf43780a39c4b01ee61bdd39f2422c35dcf2c2178f148e67ac6715c0f49647fe1828c171d770b6e3f485ad9c5c3e11042bb
+  data.tar.gz: 20f6fb0937f13e406bf883cff227eb23c4c017e7be925a2b2a1c74724ae9522c28b6bb8d2c8c979775af5bc0467b91ec8d91005a8813bb9431c8d0df8a7d311c

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

@@ -137,12 +137,11 @@
 /* ========================================= */
 
 .btn-duplicate {
-  padding: 6px 17px !important;
-  text-indent: -9999px;
+  padding: 6px 12px 6px 26px !important;
   background-image: image-url('icons/icn-duplicate.svg');
   background-repeat: no-repeat;
-  background-size: 16px;
-  background-position: top 8px left 9px;
+  background-size: 12px;
+  background-position: top 10px left 9px;
 }
 .btn-edit {
   padding: 6px 17px !important;

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

@@ -30,6 +30,26 @@
   }
 }
 
+@media (max-width: 1200px) {
+  .am-content.ui-app-area .model-widget .model-info .active-status {
+    display: block;
+    position: relative;
+    clear: both;
+    width: max-content;
+    margin-left: 0px;
+    top: 0px;
+  }
+  .am-content.ui-app-area .model-widget .model-info .model-studio-status {
+    display: block;
+    float: left;
+    width: 100% !important;
+  }
+  .am-content.ui-app-area .model-widget .model-info .model-studio-status .model-studio-active {
+    float: left;
+    margin-top: 6px;
+  }
+}
+
 @media (max-width: 992px) {
   .navbar-nav.ml-auto {
     display: block;
@@ -159,6 +179,14 @@
   .search-area form input {
     margin-bottom: 0 !important;
   }
+  .am-content.ui-app-area .model-buttons .btns-left,
+  .am-content.ui-app-area .model-buttons .btns-right {
+    width: 100%;
+  }
+  .am-content.ui-app-area .model-buttons .btns-right {
+    float: left;
+    text-align: left;
+  }
 }
 
 @media (max-width: 768px) {
@@ -225,7 +253,10 @@
     width: 100%;
   }
   .am-content.ui-app-area .model-widget {
-    width: 100%;
+    width: 48%;
+  }
+  .am-content.ui-app-area .model-widget:nth-child(odd) {
+    margin-right: 3px;
   }
   .am-content.ui-app-area .page-head {
     display: block;
@@ -252,6 +283,20 @@
   .am-content.ui-app-area .floor-widget .floor-container .floor_areas .floor_area-item {
     width: 33%;
   }
+  .am-content.ui-app-area .model-items-container .model-widget.model-intern-item {
+    width: 32%;
+  }
+}
+
+@media (max-width: 460px) {
+  .am-content.ui-app-area .model-widget {
+    width: 100%;
+    margin-top: 0;
+  }
+  .am-content.ui-app-area .model-items-container .model-widget.model-intern-item {
+    width: 100%;
+    margin-bottom: 15px;
+  }
 }
 
 @media (min-width: 576px) {

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

@@ -642,7 +642,7 @@ table .ui-table-row {
   margin-bottom: 0;
 }
 .am-content.ui-app-area .content-lateral .table-widget {
-  margin-bottom: 40px;
+  margin-bottom: 100px;
 }
 
 /* =========================== */
@@ -1764,17 +1764,20 @@ table .ui-table-row {
   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);
-  margin-bottom: 30px;
-  width: 49%;
+  margin-bottom: 4px;
+  width: 32%;
   margin-top: 30px;
+  float: left;
 }
 .am-content.ui-app-area .model-widget:nth-child(odd) {
   margin-right: 5px;
-  float: left;
+  margin-left: 5px;
+  /*float: left;*/
 }
 .am-content.ui-app-area .model-widget:nth-child(even) {
   margin-left: 5px;
-  float: right;
+  margin-right: 5px;
+  /*float: right;*/
 }
 .am-content.ui-app-area .model-widget .model-info {
   display: block;
@@ -1796,6 +1799,13 @@ table .ui-table-row {
   padding: 1px 6px;
   font-size: 12px;
 }
+.am-content.ui-app-area .model-widget .model-info .active-status .active {
+  background-image: image-url('icons/icn-active.svg');
+  background-repeat: no-repeat;
+  background-size: 8px;
+  background-position: top 5px left 0px;
+  padding-left: 12px;
+}
 .am-content.ui-app-area .model-widget .model-info .model-title,
 .am-content.ui-app-area .model-widget .model-info .model-studio-status {
   display: block;
@@ -1951,7 +1961,7 @@ table .ui-table-row {
 .am-content.ui-app-area .add-item-relative {
   display: block;
   position: relative;
-  margin-top: 0px;
+  margin-top: -20px;
   margin-bottom: 30px;
   width: 100%;
   padding: 0 15px;
@@ -1963,13 +1973,14 @@ table .ui-table-row {
   margin-top: 0px;
   width: 100%;
   padding: 0 15px;
-  bottom: 0;
+  bottom: 20px;
   left: 0;
   right: 0;
 }
 .am-content.ui-app-area .add-item-relative .add-item-container,
 .am-content.ui-app-area .add-item .add-item-container {
-  background-color: #F2F2F2;
+  /*background-color: #F2F2F2;*/
+  background-color: $ui_white;
   border-radius: $ui-radius;
   padding: 8px 20px;
   margin-top: 0px;
@@ -1977,7 +1988,10 @@ table .ui-table-row {
   float: left;
   position: relative;
   width: 100%;
-  box-shadow: 0 2px 6px 0 rgba(207,207,207,0.30);
+  box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
+  -webkit-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
+  -moz-box-shadow: 1px -1px 13px 0px rgba(174,174,174,0.30);
+  border: 1px solid #D9D9D9;
 }
 .am-content.ui-app-area .add-item-relative .add-item-container .add-text,
 .am-content.ui-app-area .add-item-relative .add-item-container .add-btn,
@@ -1999,11 +2013,58 @@ table .ui-table-row {
 
 /* =========================== */
 
+.am-content.ui-app-area .model-items-container {
+  display: block;
+  float: left;
+  position: relative;
+  width: 100%;
+  margin-bottom: 50px;
+}
+.am-content.ui-app-area .model-items-container .model-widget.model-intern-item {
+  width: 24%;
+  /*min-height: 270px;*/
+}
+.am-content.ui-app-area .model-widget.model-intern-item:nth-child(odd) {
+  margin-right: 0;
+  margin-left: 3px;
+}
+.am-content.ui-app-area .model-widget.model-intern-item:nth-child(even) {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+.am-content.ui-app-area .model-items-container .model-widget.model-intern-item img {
+  display: block;
+  float: left;
+  position: relative;
+  width: 100%;
+  margin-bottom: 12px;
+}
+
+/* =========================== */
+
 .am-content.ui-app-area .group-row {
   padding-bottom: 10px;
   border-bottom: 1px solid #dee2e6;
   margin-bottom: 15px;
 }
+.am-content.ui-app-area form .form-control-file {
+  display: block;
+  float: left;
+  position: relative;
+  width: 100%;
+  height: 110px;
+  margin-bottom: 12px;
+  text-align: center;
+  text-indent: -9999px;
+  background: #FBFBFB;
+  border: 1px dashed #D9D9D9;
+  background-image: image-url('icons/icn-add-file.svg');
+  background-repeat: no-repeat;
+  background-position: center;
+}
+.am-content.ui-app-area form #file-upload-button {
+  background-color: #ffaaaa !important;
+}
 .am-content.ui-app-area .form-buttons .btn.btn-outline-primary {
   border-color: $ui_back;
   color: $ui_back;
@@ -2036,6 +2097,10 @@ table .ui-table-row {
   background-position: top 8px left 9px;
 }
 
+.am-content.ui-app-area .model-widget .btn {
+  padding: 5px 7px;
+}
+
 /* =========================== */
 
 .am-content.ui-app-area .model-buttons {
@@ -2043,17 +2108,21 @@ table .ui-table-row {
   position: relative;
   width: 100%;
 }
+.am-content.ui-app-area .model-buttons .btn {
+  font-size: 14px !important;
+  margin-bottom: 5px;
+}
 .am-content.ui-app-area .model-buttons .btns-left {
   display: block;
   float: left;
   position: relative;
-  width: 35%;
+  width: 40%;
 }
 .am-content.ui-app-area .model-buttons .btns-right {
   display: block;
   float: right;
   position: relative;
-  width: 65%;
+  width: 60%;
   text-align: right;
 }
 

data/lib/welcome_css/version.rb

@@ -1,3 +1,3 @@
 module WelcomeCss
-  VERSION = "0.28"
+  VERSION = "0.29"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: welcome_css
 version: !ruby/object:Gem::Version
-  version: '0.28'
+  version: '0.29'
 platform: ruby
 authors:
 - Jose Camacho
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-01-06 00:00:00.000000000 Z
+date: 2022-01-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails