@dev-tcloud/tcloud-ui 4.0.0 → 4.1.0

package/scss/tcloud/standard/left-navigation.scss

@@ -0,0 +1,48 @@
+
+.menu-area-floating{
+  -webkit-box-shadow: 8px 0px 18px -9px rgba(0,0,0,0.75);
+  -moz-box-shadow: 8px 0px 18px -9px rgba(0,0,0,0.75);
+  box-shadow: 8px 0px 18px -9px rgba(0,0,0,0.75);
+}
+
+.tc-prime.mini-navbar{  
+  .footer{
+    display: none;
+  }  
+}
+
+.mini-navbar{
+  #side-menu{
+    li{
+      padding-left: 8px;
+    }
+  }
+}
+
+.fixed-sidebar-below{
+  margin-left: 62px !important;
+
+  .navbar-fixed-top{
+    z-index: 0;
+  }
+
+  .wrap-main{
+    .background-page-global-internal{
+      margin-top: 8px !important;
+    }
+  }
+  
+}
+
+.mini-navbar{
+  #page-wrapper{
+    .wrap-main{
+      .background-page-global-internal{
+        margin-top: 70px;
+      }
+    }
+    nav.navbar{
+      padding: 0 70px 0 0 !important;
+    }
+  }
+}

package/scss/tcloud/standard/styles.scss

@@ -0,0 +1,3 @@
+@import 'top-navigation.scss';
+@import 'left-navigation.scss';
+@import 'tcloud-standard.scss';

package/scss/tcloud/standard/tcloud-standard.scss

@@ -0,0 +1,126 @@
+@import '../tcloud-ui.scss';
+
+// ===============================
+// T-Cloud Styles
+// ===============================
+
+body {
+  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  background: var(--tc-base-main);
+  font-size: 13px;
+  color: #676a6c;
+  overflow-x: hidden;
+
+  #wrapper{
+    background: #fff;
+  }
+}
+
+html,
+body {
+  height: 100%;
+}
+
+a:hover {
+  text-decoration: none!important;
+}
+
+// ---------------------------------------------
+// Card
+// ---------------------------------------------
+
+.card {
+  background: #fff;
+  color: var(--tc-gray-500);
+  border-radius: 10px;
+  padding: 20px;
+  border: none;
+}
+
+.card-container {
+  background: var(--white);
+  border-radius: 20px;
+  padding: 20px;
+}
+
+.card-title {
+  color: var(--tc-primary);
+  text-transform: uppercase;
+  font-size: 16px;
+  margin-top: 0;
+  font-weight: normal;
+}
+
+.card.shadow {
+  box-shadow: 2px 3px 20px rgba(var(--black), .1)!important;
+}
+
+.card.card-shadow {
+  box-shadow: 2px 3px 20px rgba(var(--black), .1);
+}
+
+.card.margin-top {
+  margin-top: 20px;
+}
+
+.card-shadow {
+  background: var(--white);
+  border-radius: 10px;
+  box-shadow: 2px 3px 20px rgba(var(--black), .1);
+  padding: 20px;
+  margin-bottom: 20px;
+}
+
+.card-shadow-header {
+  display: flex;
+  justify-content: space-between;
+  flex-flow: column;
+  gap: 10px;
+  margin-bottom: 15px;
+  padding-bottom: 15px;
+  border-bottom: 1px solid var(--tc-gray-200);
+}
+
+.card-shadow-tit {
+  font-size: 16px;
+  color:var(--tc-primary);
+  text-transform: uppercase;
+  margin: 0;
+}
+
+.card-shadow-subtit {
+  font-size: 12px;
+}
+
+.card-shadow-content-tit {
+  color: var(--tc-primary);
+  margin-bottom: 20px;
+}
+
+.quick-filter-wrap {
+  margin-bottom: 15px;
+  
+  input {
+    margin-left: 5px;
+  }
+}
+
+.tc-pipeline-report-all {
+
+  .wrapper-content {
+    padding: 10px 0;
+  }
+
+  .form-group {
+    margin: 0 !important;
+    padding: 0 0 10px !important;
+    border-bottom: none!important;
+  }
+}
+
+.trustcenter-container {
+
+  .trust-center-prime {
+    display: none;
+  }
+}

package/scss/tcloud/standard/top-navigation.scss

@@ -0,0 +1,61 @@
+.tc-top-navigation{
+
+  .tc-navbar-nav{
+    margin-right: 5px !important;
+    li{
+      .tc-btn{
+        margin: 5px !important;
+      }
+
+      .label-warning{
+        margin-left: 3px;
+      }
+    }
+  }
+
+  .dropdown-toggle::after{
+    display: none !important;
+  }
+
+  .navbar-collapse{
+    &.collapse{
+      &.show{
+        ul{
+          li{
+            .tc-btn:first-child{
+              width: 100% !important;
+              display: flex !important;
+              margin: 5px;
+              justify-content: left;
+              padding-left: 24px;
+            }
+          }
+        }
+        
+        
+      }
+    }
+  }
+}
+
+.tc-prime{
+  .tc-top-navigation{
+    ul{
+      li > .tc-btn{          
+        border: none !important;
+        &:not(.tc-btn-primary) {
+          background: transparent !important;
+        }
+      }
+    }
+  }
+}
+
+.tc-top-navigation{
+  .dropdown{
+    .dropdown-menu{
+      z-index: 2001 !important;
+    }
+  }
+}
+

package/scss/tcloud/styles.scss

@@ -1,8 +1,6 @@
 @import 'custom/variables.scss';
 @import 'custom/mixins.scss';
 
-@import 'custom/top-navigation.scss';
-@import 'custom/left-navigation.scss';
 @import 'custom/buttons.scss';
 
 @import 'custom/card.scss';
@@ -11,7 +9,11 @@
 @import 'custom/text.scss';
 @import 'custom/alerts.scss';
 
-@import 'custom/tcloud-standard.scss';
-@import 'custom/tcloud-prime.scss';
+/* STANDARD STYLES */
+@import 'standard/styles.scss';
 
-@import 'iaas/forms.scss';
+/* PRIME STYLES */
+@import 'prime/styles.scss';
+
+/* DISASTER-RECOVERY */
+@import 'disaster-recovery/styles.scss';

package/scss/tcloud/tcloud-ui.scss

@@ -0,0 +1,8 @@
+@import 'custom/variables.scss';
+@import 'custom/mixins.scss';
+@import 'custom/colors.scss';
+
+/*
+@import 'node_modules/@dev-tcloud/tcloud-ui/scss/tcloud/custom/variables.scss';
+@import 'node_modules/@dev-tcloud/tcloud-ui/scss/tcloud/custom/mixins.scss';
+*/

package/scss/tcloud/iaas/forms.scss

@@ -1,18 +0,0 @@
-.iaas-page{ 
-  
-  .tc-form-control {
-    background-color: white;
-    border: 1px solid #A2A2A2;
-    border-radius: 3px;
-    color: var(--cinza);
-    font-family: "Open Sans";
-    font-size: 13px;
-    height: 40px;
-    padding: 0 10px;
-  }
-
-  .tc-form-control:disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-  }
-}