welcome_css 0.87 → 0.90

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4a61c3adc0fb14f48edd12e455c39f4453e6f221aed80ffaab6b6a72d1400b5d
-  data.tar.gz: f633ef8f99c521f1f23428e9d68749a20877c303a5a23d5f666379fabb43a955
+  metadata.gz: 416e05bf10bfb388f38658bade7182e79f382af4bc4db86647b332403dd41f4e
+  data.tar.gz: 2d16da4d7f987340932350f96f72f79a51158e18512208d6efdf93b81dfb11a3
 SHA512:
-  metadata.gz: 79c5db5ee9168cd9efef7d817756684f41776f5af66745ad42179d8df63cd38e46c3bc4e4fab183384aac29cd4704ebf2041851d19876c17981689cf1434cf59
-  data.tar.gz: 854a5ce772f83c89d578c54b4a18e825ef97937e47ddca382ec843e54d1a4cbb8c7f16e0e8f218c1765f017a85534418dd596121d5022858f404c692a32f253b
+  metadata.gz: 38ee702a44c6fb79b45d465302c89c3dff2b02cfd6ecebdb8a3bf15c752ad80e2019fe66b9fe4a2f79833f9cb75d41fe28c4df4c53f847c38e4ce92b0085e378
+  data.tar.gz: e3797e344294c6b4210b866cba2779f071955be83da245c63ed32e1247c43229212348e690f7298a1872bf0e2600ffa7ef31d81170c17e3dceaf8f6eef6f4dcc

data/app/assets/images/icons/icn-collapse-less.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Group 141</title>
+    <g id="Parcels" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Parcels-Copy-17" transform="translate(-1341.000000, -2108.000000)">
+            <g id="Group-143" transform="translate(263.000000, 2091.000000)">
+                <g id="Group-141" transform="translate(1078.000000, 17.000000)">
+                    <circle id="Oval" stroke="#007BFF" fill="#007BFF" cx="11" cy="11" r="10.5"></circle>
+                    <rect id="Rectangle" fill="#FFFFFF" x="7" y="10" width="8" height="2"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

data/app/assets/images/icons/icn-collapse-more.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="22px" height="23px" viewBox="0 0 22 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Group 141</title>
+    <g id="Parcels" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Parcels-Copy-17" transform="translate(-1345.000000, -2678.000000)">
+            <g id="Group-143" transform="translate(263.000000, 2663.000000)">
+                <g id="Group-141" transform="translate(1082.000000, 15.000000)">
+                    <circle id="Oval" stroke="#007BFF" fill="#007BFF" cx="11" cy="12" r="10.5"></circle>
+                    <text id="+" font-family="GTEestiDisplay-Bold, GT Eesti Display" font-size="20" font-weight="bold" fill="#FFFFFF">
+                        <tspan x="5" y="18">+</tspan>
+                    </text>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

data/app/assets/images/icons/icn-download-pdf.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="12px" viewBox="0 0 16 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Shape</title>
+    <g id="Parcels" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Parcels-Copy-21" transform="translate(-1326.000000, -344.000000)" fill="#000000" fill-rule="nonzero">
+            <g id="Group-3-Copy-44" transform="translate(263.000000, 197.000000)">
+                <g id="Group-135" transform="translate(18.000000, 138.000000)">
+                    <g id="Group-105" transform="translate(993.000000, 0.000000)">
+                        <path d="M60.0000621,9.00018907 C58.7551553,9.00018907 57.5035714,9.48198276 56.5544099,10.4450975 C55.8485093,11.1613752 55.4206211,12.0497739 55.2391304,12.9763026 C53.397236,13.3388217 52,14.9710716 52,16.9411978 C52,19.1765012 53.7969876,21 56,21 L64.5217391,21 C66.4396894,21 68,19.416752 68,17.4706068 C68,15.6339042 66.605528,14.1387965 64.8369565,13.9743016 C64.8450845,12.6968188 64.3979193,11.416752 63.4401553,10.4449084 C62.4919876,9.48254999 61.245,9 60.0000932,9 L60.0000621,9.00018907 Z M60.0000721,10.0002932 C60.9867662,10.0002932 61.9638352,10.3745937 62.7181215,11.1442726 C63.5897211,12.0336588 63.9584736,13.2418924 63.8228789,14.3974791 L63.8227568,14.3974791 C63.803958,14.5498173 63.8501008,14.7030292 63.9494671,14.8182403 C64.0488334,14.933461 64.1918999,14.9997273 64.3422822,15.0001004 L64.5500461,15.0001004 C65.916399,15.0001004 67,16.1058462 67,17.5000502 C67,18.8942861 65.9163677,20 64.5500461,20 L55.9749887,20 C54.3256964,20 53,18.6471227 53,16.9643011 C53,15.3750067 54.1844454,14.0803249 55.7015493,13.9396673 L55.7015493,13.9397918 C55.8205689,13.9279585 55.9320196,13.8751454 56.0174577,13.7898197 C56.1030302,13.7046184 56.1574743,13.5921401 56.1718775,13.4710648 C56.2684344,12.6219212 56.6367244,11.7969486 57.2766349,11.1439794 C58.0301712,10.3751934 59.013334,10 60.0000281,10 L60.0000721,10.0002932 Z M59.4993834,13.0001116 C59.2035103,13.0001116 58.9637886,13.2100246 58.9637886,13.4688822 L58.9637886,16.4716254 L57.8982096,15.6220572 C57.6905005,15.4572663 57.3288871,15.4704525 57.1394636,15.651376 C56.9501836,15.8322995 56.9461987,16.1312513 57.1729618,16.315456 L59.1367563,17.8779316 C59.2264152,17.9497552 59.320805,18 59.499377,18 C59.677949,18 59.7559021,17.9629442 59.8619977,17.8779316 L61.8257922,16.315456 C62.0316332,16.1489184 62.0702384,15.8323162 61.8592904,15.651376 C61.6590536,15.4796097 61.3082662,15.4573751 61.1005443,15.6220572 L60.0349654,16.4715138 L60.0349654,13.4687706 C60.0349654,13.2099214 59.7952532,13 59.4993706,13 L59.4993834,13.0001116 Z" id="Shape"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

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

@@ -445,4 +445,35 @@ input[type="submit"].simple-link:hover {
   text-decoration: none;
   border: 1px solid #D9D9D9;
   border-radius: 8px;
+}
+.btn-pdf {
+  display: inline-block;
+  padding: 4px 36px 4px 12px !important;
+  background-image: image-url('icons/icn-download-pdf.svg');
+  background-repeat: no-repeat;
+  background-size: 18px;
+  background-position: top 11px right 10px;
+  color: $ui_back;
+  text-decoration: none;
+  border: 1px solid #4A8FE7;
+  border-radius: 8px;
+  margin: 5px 0;
+}
+.icn-expand {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+}
+.icn-expand.collapsed {
+  background-image: image-url('icons/icn-collapse-more.svg');
+  background-repeat: no-repeat;
+}
+.icn-expand.expanded {
+  background-image: image-url('icons/icn-collapse-less.svg');
+  background-repeat: no-repeat;
+}
+.btn-phase-export {
+  position: absolute;
+  top: 50px;
+  right: 0;
 }

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

@@ -65,7 +65,7 @@
 .land-app .item-menu-rejections,
 .land-app .item-menu-approval {
   background-repeat: no-repeat;
-  background-position: left 14px top 16px;
+  background-position: left 12px top 16px;
 }
 .land-app .item-menu-states {
   background-image: image-url('icons/icn-states.svg');

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

@@ -35,6 +35,14 @@
   }
 }
 
+@media (min-width: 1300px) {
+  .btn-phase-export {
+    position: absolute;
+    top: 0;
+    right: 170px;
+  }
+}
+
 @media (min-width: 993px) {
   .navbar-toggle {
     display: none;
@@ -234,6 +242,11 @@
     width: 66px;
     height: 54px;
   }
+  .btn-phase-export {
+    position: absolute;
+    top: 0;
+    right: 170px;
+  }
 }
 
 @media (max-width: 880px) {

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

@@ -623,3 +623,62 @@
 
 
 
+
+
+.sidebar {
+  height: 100%;
+  width: 85px;
+  position: fixed;
+  z-index: 1;
+  top: 0;
+  left: 0;
+  background-color: #111;
+  transition: 0.5s;
+  overflow-x: hidden;
+  padding-top: 60px;
+  white-space: nowrap;
+}
+
+.sidebar a {
+  padding: 8px 8px 8px 32px;
+  text-decoration: none;
+  font-size: 25px;
+  color: #818181;
+  display: block;
+}
+
+.sidebar a:hover {
+  color: #f1f1f1;
+}
+
+main .sidebar {
+  position: absolute;
+  top: 0;
+  right: 25px;
+  font-size: 36px;
+  margin-left: 50px;
+}
+
+.material-icons,
+.icon-text {
+  vertical-align: middle;
+}
+
+.material-icons {
+  padding-bottom: 3px;
+  margin-right: 30px;
+}
+
+#navbar {
+  transition: margin-left 0.5s;
+}
+
+@media screen and (max-height: 450px) {
+  .sidebar {
+    padding-top: 15px;
+  }
+  .sidebar a {
+    font-size: 18px;
+  }
+}
+

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

@@ -26,7 +26,7 @@
   /*background-color: $ui_middlegray;*/
   margin-bottom: 30px;
   width: 100%;
-  padding: 15px 0;
+  padding: 10px 0 15px 0;
 }
 .land-app .view-header.parcel-header {
   border: none !important;
@@ -340,7 +340,8 @@ table .ui-table-row {
   top: 0;
 }
 .ui-app-area .ui-col.dots-drop .dropdown {
-  align-self: center;
+  /*align-self: center;*/
+  align-self: baseline;
   margin: 0 auto;
 }
 .ui-app-area .ui-col.dots-drop .dropdown .dropdown-menu {
@@ -388,7 +389,7 @@ table .ui-table-row {
   display: block;
   float: left;
   position: relative;
-  margin-bottom: $md-marginbottom;
+  /*margin-bottom: $md-marginbottom;*/
 }
 .parcel-main-info .card {
   background-color: transparent;
@@ -397,7 +398,7 @@ table .ui-table-row {
 }
 .parcel-main-info .card .card-header {
   margin-bottom: 0;
-  background-color: transparent;
+  background-color: transprent;
   border-bottom: none;
   padding: 0.75rem 0;
 }
@@ -3731,4 +3732,205 @@ table .ui-table-row {
 
 .code-hide {
   display: none;
+}
+.fade:not(.show) {
+  opacity: 1;
+}
+
+/* =========================== */
+
+.land-app-content {
+  margin-top: 15px;
+  padding: 0 15px !important;
+
+  display: flex;
+  flex-grow: 1;
+}
+.pills-content {
+  /*display: flex;*/
+  flex-grow: 1;
+}
+.pills-content.card-body {
+  padding: 0 !important;
+}
+.pills-content .nav-tabs {
+  width: 200px;
+  display: block;
+  float: left;
+  position: relative;
+  height: 100vh;
+}
+.pills-content .tab-content.content-lateral {
+  width: calc(100% - 220px);
+  display: block;
+  float: right;
+  position: relative;
+  padding-left: 15px;
+}
+.pills-content .tab-content.content-lateral.no-menu {
+  width: 100% !important;
+  display: block;
+  float: right;
+  position: relative;
+  padding-left: 15px;
+}
+.pills-content .parcel-information-block {
+  display: block;
+  width: 100%;
+  border: 1px solid #D9D9D9;
+  padding: 15px 15px 0 15px;
+  margin-left: 0;
+  margin-right: 0;
+  float: left;
+  position: relative;
+  border-radius: 8px !important;
+}
+.pills-content .tab-content.content-lateral .card-header {
+  background-color: transparent;
+}
+.pills-content .tab-content.content-lateral .card .list-group-item {
+  width: 100%;
+  border-bottom: 1px solid #D0D0D0;
+  padding: 12px 0;
+}
+.pills-content .tab-content.content-lateral .card .list-group-item:last-child {
+  width: 100%;
+  border-bottom: none;
+}
+.pills-content #parcels-prep-requirements .parcel-information-block turbo-frame {
+  border-bottom: 1px solid #ddd;
+  padding: 10px 0;
+}
+.pills-content #parcels-prep-requirements .parcel-information-block turbo-frame:last-child {
+  border-bottom: none;
+}
+.pills-content .tab-content.content-lateral .ui-toptable {
+  background-color: transparent !important;
+}
+.pills-content .tab-content.content-lateral [aria-expanded="false"] > .expanded,
+.pills-content .tab-content.content-lateral [aria-expanded="true"] > .collapsed {
+  display: none;
+}
+.pills-content .parcel-information-block.collapse-container {
+  padding: 0 15px;
+}
+.pills-content .collapse-container .collapse-header .card-header {
+  padding: 0.75rem 0;
+  border-bottom: none;
+}
+.pills-content .collapse-container .collapse-header .card-header h4 {
+  font-size: 17px !important;
+  margin-top: 5px !important;
+  font-weight: bold;
+}
+.pills-content .collapse-container .collapse-header .btn-collapse {
+  display: block;
+  position: absolute;
+  right: 10px;
+  top: 15px;
+}
+.pills-content .tab-content.content-lateral .card-title h3 {
+  font-size: 22px;
+}
+.pills-content .tab-content.content-lateral .separator {
+  display: block;
+  float: left;
+  position: relative;
+  width: 100%;
+  border-bottom: 1px solid #ddd;
+  margin: 10px 0 30px 0;
+}
+.pills-content .tab-content.content-lateral .models-pdf-container .ui-toolt .tooltiptext:after {
+  top: auto;
+  bottom: -10px;
+}
+.pills-content .tab-content.content-lateral .models-pdf-container .ui-toolt .divider {
+  display: block;
+  width: 100%;
+  border-bottom: 1px solid #646664;
+  margin: 5px 0;
+}
+.pills-content .tab-content.content-lateral .models-pdf-container .ui-toolt .tooltiptext {
+  font-size: 11px;
+}
+.pills-content .tab-content.content-lateral .ui-toptable {
+  padding: 10px 0;
+  border: none !important
+}
+.pills-content .tab-content.content-lateral .ui-toptable:before {
+  content: "";
+  position: static;
+  display: block;
+  top: 9px;
+  left: -20px;
+  background: #d8dbe5;
+  width: 30px;
+  height: 3px;
+}
+.pills-content .tab-content.content-lateral .ui-toptable h4 {
+  font-size: 17px !important;
+  margin-top: 12px !important;
+  font-weight: bold;
+}
+.pills-content .tab-content.content-lateral #ui-tabs .list-group-item {
+  padding: 12px;
+}
+.pills-content .tab-content.content-lateral .table th,
+.pills-content .tab-content.content-lateral .table td {
+  border-top: none;
+}
+.pills-content .tab-content.content-lateral tbody tr {
+  border-bottom: 1px solid #DFDFDF;
+}
+.pills-content .tab-content.content-lateral .parcel-header h3 {
+  font-size: 22px;
+}
+
+/* =========================== */
+
+.menu-app {
+  width: 38px;
+  height: 100%;
+  float: left;
+  position: relative;
+  transition: width 0.2s;
+  -webkit-transition: width 0.2s;
+  overflow: hidden;
+  border-right: 1px solid #D9D9D9;
+}
+.menu-app #navbar {
+  width: 250px;
+  position: absolute;
+}
+.menu-app:hover {
+  width: 250px;
+}
+.menu-app .left-menu {
+  display: block;
+  float: left;
+  position: relative;
+  width: 100%;
+}
+.ui-app-area .menu-app .left-menu .list-group-item {
+  padding: 10px 15px 10px 40px !important;
+}
+.ui-app-area .menu-app .left-menu .submenu-item {
+  padding: 12px 15px 10px 50px !important
+}
+
+.navbar-container {
+  display: block;
+  float: left;
+  position: relative;
+  width: 100%;
+  height: 56px;
+  border-bottom: 2px solid #DFE0DF;
+  background-color: #fff;
+}
+.navbar-container .navbar.navbar-ui {
+  display: block;
+  position: absolute;
+  right: 10px;
+  top: 20px;
+  border-bottom: none !important;
 }

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

@@ -226,7 +226,7 @@ $block-result-color: #000;
   float: right;
 }
 .ui-app-area {
-  padding: 22px 20px;
+  padding: 0px;
 }
 .am-left-sidebar .sidebar-elements > li > ul {
   left: 16% !important;

data/lib/welcome_css/version.rb

@@ -1,3 +1,3 @@
 module WelcomeCss
-  VERSION = "0.87"
+  VERSION = "0.90"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: welcome_css
 version: !ruby/object:Gem::Version
-  version: '0.87'
+  version: '0.90'
 platform: ruby
 authors:
 - Jose Camacho
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-07-29 00:00:00.000000000 Z
+date: 2022-09-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -70,7 +70,10 @@ files:
 - app/assets/images/icons/icn-characteristic.svg
 - app/assets/images/icons/icn-check-green.svg
 - app/assets/images/icons/icn-check.svg
+- app/assets/images/icons/icn-collapse-less.svg
+- app/assets/images/icons/icn-collapse-more.svg
 - app/assets/images/icons/icn-down.svg
+- app/assets/images/icons/icn-download-pdf.svg
 - app/assets/images/icons/icn-download.svg
 - app/assets/images/icons/icn-duplicate.svg
 - app/assets/images/icons/icn-edit-blue.svg