welcome_css 0.5 → 0.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: cc3ec94931552e1b9e3b2f288326a8b73077854a6e3b91ac7ee1d4090cd62720
-  data.tar.gz: 0751c3316ab8475525cfc21676ca88ab10cb80b510cf656ec1739b2a269fb8fe
+  metadata.gz: ff90897c520c0cd8030a7d4cf324d12daaad97636fd7f7c403fbec831574426e
+  data.tar.gz: 411844292c6356ee453c76a05ff45f932d0a25aa5e6d23c77cbf03f58be23d50
 SHA512:
-  metadata.gz: 58a75322e8bbe7ea100d0db0cffdc0e2ea3feda68485fbee8d1c5d46e3bd79b2eb64ec4b22431d67b3cc05cbc84b90e929675d50c5aa48af724a52524a48d08d
-  data.tar.gz: f5745587e267dee02731e13fda95a24fad6990fc371c9a44c054dcd5880f27da8ba02c8db5bbf5f2159402ee16e486f8e4bfa61091738d4235ad80db5df21e63
+  metadata.gz: 57169780890fe3476c4ba00903d5851abe48a8c72989168bc088bc39435d7af3e9d295a4fb971f17e335f441af0b99776999ef28e763f6943d6cd43c71ab0e02
+  data.tar.gz: 73670f3da47c44a4319660e54718b9f7c4587344cd3fd232766e4cfeb2ec6fc99fca42d88f353747c37886fe448eb7d6306eef2b3e41b0c8ed8e630a5343d85e

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

@@ -134,4 +134,10 @@
 .btn-dot img {
   width: 4px;
   margin-top: -12px;
+}
+.btn-offcanvas {
+  display: block;
+  float: right;
+  position: relative;
+  margin: 0 0 0 12px;
 }

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

@@ -688,6 +688,13 @@ table .ui-table-row {
 .edit-form-group .col-lg-4 {
   margin-bottom: 15px;
 }
+.edit-form-group .btn-outline-primary {
+  padding-left: 15px;
+}
+.edit-form-group .btn-outline-primary:hover {
+  background-color: $ui_back;
+  color: $ui_white;
+}
 .form-pill {
   background-color:$ui_white;
   padding: 6px 10px;

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

@@ -280,4 +280,171 @@ $lg-paddingbottom: 60px;
 }
 .am-left-sidebar .sidebar-elements > li > ul > .nav-items .am-scroller .content > ul > li > a:hover {
   background-color: transparent !important;
+}
+.admin-options {
+  padding-right: 0 !important;
+}
+
+/* ====================================== */
+
+@media (max-width: 1024px) and (min-width: 769px) {
+  .am-wrapper.main-app .menu-app {
+    width: 20% !important;
+    max-width: 20% !important;
+  }
+  .am-wrapper.main-app .ui-app-area {
+    width: 80%;
+  }
+  .main-app .ui-app-area .page-head {
+    margin-left: 0px !important;
+    margin-right: 0px !important;
+  }
+  .am-wrapper.main-app .ui-app-area .main-content, .am-wrapper.main-app .ui-app-area .page-head {
+    padding: 20px 0;
+  }
+  .admin-options {
+    margin-right: -15px;
+  }
+}
+@media (min-width: 769px) {
+  input[type="radio"], input[type="checkbox"] {
+    display: none;
+  }
+}
+@media (max-width: 768px) {
+  .page-head .col-md-6 {
+    width: 50%;
+    display: block;
+    float: left;
+    position: relative;
+  }
+  .am-wrapper.main-app .navbar {
+    height: 50px;
+  }
+  .am-top-header {
+    position: fixed !important;
+    top: 0;
+    width: 100%;
+    z-index: 9999;
+  }
+  .am-left-sidebar .am-logo {
+    height: 50px !important;
+  }
+  .am-wrapper.main-app .ui-app-area {
+    width: 100%;
+    margin-top: 50px;
+    display: block;
+  }
+  .am-wrapper.main-app .menu-app {
+    width: 100%;
+    transform: translate3d(0, 0, 0);
+  }
+  .am-left-sidebar.menu-app {
+    transform: translate3d(260px, 0px, 0px) !important;
+    position: fixed !important;
+    width: 260px !important;
+    background: #112e66;
+    color: #eee;
+    right: 0;
+    left: auto;
+    height: 100%;
+    transition: all 0.3s;
+  }
+  .am-left-sidebar .sidebar-elements > li.parent > a:after {
+    display: none;
+  }
+  .am-left-sidebar .sidebar-elements > li > a {
+    padding: 10px 10px 10px 0px;
+  }
+  .am-navbar-header .page-title img {
+    margin-left: -18px;
+    position: fixed;
+    margin-top: 2px;
+  }
+  .button {
+    position: absolute;
+    top: 10px;
+    left: 10px;
+    z-index: 10000;
+    color: white;
+    padding: 10px;
+    font-size: 30px;
+    cursor: pointer;
+  }
+  .button .fa {
+    transition: color 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
+    transition-delay: 0.75s;
+  }
+  input[data-function*=swipe] {
+    position: absolute;
+    opacity: 0;
+  }
+  label[data-function*=swipe] {
+    position: fixed;
+    top: 0px;
+    right: 5px;
+    display: block;
+    width: 36px;
+    height: 50px;
+    text-align: center;
+    color: #444;
+    cursor: pointer;
+    transform: translate3d(0, 0, 0);
+    transition: transform 0.3s;
+    z-index: 9999;
+    font-size: 14px;
+  }
+  .am-content.ui-app-area {
+    flex: 1;
+    transform: translate3d(0, 0, 0);
+    transition: transform 0.3s;
+  }
+  input[data-function*=swipe]:checked ~ .am-content {
+    transform: translate3d(0, 0px, 0px) !important;
+  }
+  input[data-function*=swipe]:checked ~ .am-left-sidebar.col-12.col-lg-2.p-0.menu-app {
+    transform: translate3d(0px, 0px, 0px) !important;
+    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+  }
+  .nav-menu-btn {
+    display: inline-block;
+    vertical-align: middle;
+    padding: 5px;
+    font-size: 24px;
+    cursor: pointer;
+    margin-top: 14px;
+  }
+  .nav-menu-btn .menu-bar {
+    background: #000;
+    width: 15px;
+    height: 2px;
+    margin: 0 0 3px;
+    transition: all .2s ease-in-out;
+  }
+  .nav-menu-btn .menu-bar:last-child {
+    margin: 0;
+  }
+  .am-wrapper.main-app .ui-app-area .main-content,
+  .am-wrapper.main-app .ui-app-area .page-head {
+    padding: 20px 0;
+  }
+  .main-app .ui-app-area .page-head {
+    margin-left: 0px !important;
+    margin-right: 0px !important;
+  }
+  .user-profile {
+    position: fixed;
+    top: 11px;
+    right: 46px;
+  }
+  .user-notifications {
+    position: fixed;
+    top: 11px;
+    right: 78px;
+  }
+}
+@media (max-width: 480px) {
+  .am-content.ui-app-area table {
+    table-layout: auto !important;
+  }
 }

data/lib/welcome_css/version.rb

@@ -1,3 +1,3 @@
 module WelcomeCss
-  VERSION = "0.5"
+  VERSION = "0.6"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: welcome_css
 version: !ruby/object:Gem::Version
-  version: '0.5'
+  version: '0.6'
 platform: ruby
 authors:
 - Jose Camacho
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-07-29 00:00:00.000000000 Z
+date: 2021-08-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails