@dev-tcloud/tcloud-ui 4.2.1 → 4.2.2

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

@@ -1,122 +1,122 @@
-@import './colors.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;
-}
-
-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;
-  }
+@import './colors.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;
+}
+
+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/custom/text.scss

@@ -1,58 +1,58 @@
-
-// h1, h2, h3, h4, h5, h6, p {
-//     margin: 0;
-// }
-  
-// h2, h3, h4, h5, h6 {
-//     margin-bottom: 20px;
-// }
-  
-// p,
-// label,
-// ul,
-// dl {
-// font-size: 13px;
-// }
-  
-// p,
-// ul,
-// dl,
-// code {
-//     line-height: 20px;
-// }
-  
-// .text {
-//     margin-bottom: 20px;
-// }
-
-.tc-uppercase{
-    text-transform: uppercase;
-}
-
-.tc-lowercase{
-    text-transform: lowercase;
-}
-
-.tc-text-left{
-    text-align: left;
-}
-
-.tc-text-center{
-    text-align: center;
-}
-
-.tc-text-right{
-    text-align: right;
-}
-
-.tc-text-primary {
-    color: var(--tc-primary);
-}
-
-.tc-text-warning {
-    color: var(--warning);
-}
-
-.tc-text-danger {
-    color: var(--danger);
+
+// h1, h2, h3, h4, h5, h6, p {
+//     margin: 0;
+// }
+  
+// h2, h3, h4, h5, h6 {
+//     margin-bottom: 20px;
+// }
+  
+// p,
+// label,
+// ul,
+// dl {
+// font-size: 13px;
+// }
+  
+// p,
+// ul,
+// dl,
+// code {
+//     line-height: 20px;
+// }
+  
+// .text {
+//     margin-bottom: 20px;
+// }
+
+.tc-uppercase{
+    text-transform: uppercase;
+}
+
+.tc-lowercase{
+    text-transform: lowercase;
+}
+
+.tc-text-left{
+    text-align: left;
+}
+
+.tc-text-center{
+    text-align: center;
+}
+
+.tc-text-right{
+    text-align: right;
+}
+
+.tc-text-primary {
+    color: var(--tc-primary);
+}
+
+.tc-text-warning {
+    color: var(--warning);
+}
+
+.tc-text-danger {
+    color: var(--danger);
 }

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

@@ -1,59 +1,59 @@
-.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;
-        background: transparent !important;
-      }
-    }
-  }
-}
-
-.tc-top-navigation{
-  .dropdown{
-    .dropdown-menu{
-      z-index: 2001 !important;
-    }
-  }
-}
-
+.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;
+        background: transparent !important;
+      }
+    }
+  }
+}
+
+.tc-top-navigation{
+  .dropdown{
+    .dropdown-menu{
+      z-index: 2001 !important;
+    }
+  }
+}
+

package/scss/tcloud/custom/variables.scss

@@ -1,60 +1,60 @@
-@import './colors.scss';
-
-
-:root {
-  //--font-awesome: 'Font Awesome 5 free';
-  --font-awesome: 'Font Awesome 6 Pro';
-}
-
-// ==================================================
-// Old Colors
-// ==================================================
-
-
-// Basic Colors
-$navy: #1ab394;       // Primary color
-$dark-gray: #c2c2c2;  // Default color
-$blue: #1c84c6;       // Success color
-$lazur: #23c6c8;      // Info color
-$yellow: #f8ac59;     // Warning color
-$red: #ED5565;        // Danger color
-
-// Various colors
-$text-color: #676a6c;   // Body text
-$gray: #f3f3f4;         // Background wrapper color
-$light-gray: #D1DADE;   // Default label, badge
-$label-badge-color: #5E5E5E;
-$light-blue:#f3f6fb;
-
-// Spinner color and margin
-$spin-color: $navy;
-$spin-margin: 0 auto;
-
-//Basics
-$basic-link-color: #337ab7;
-
-// IBOX colors ( default panel colors)
-$border-color: #e7eaec;     // IBox border
-$ibox-title-bg:#ffffff;     // IBox Background header
-$ibox-content-bg:#ffffff;   // IBox Background content
-
-//Sidebar width
-$sidebar-width: 220px;
-
-// Boxed layout width
-$boxed-width: 1200px;
-$boxed-background: url('patterns/shattered.png');
-
-//Border radius for buttons
-$btn-border-radius: 3px;
-
-//Navigation
-$nav-bg: #0a85a4;
-$nav-profile-pattern: url("patterns/header-profile.png");
-$nav-text-color: var(--tc-base-secondary);
-
-
-
-@function getColorWithOpacity($color, $opacity) {
-  @return rgba($color, $opacity);
-}
+@import './colors.scss';
+
+
+:root {
+  //--font-awesome: 'Font Awesome 5 free';
+  --font-awesome: 'Font Awesome 6 Pro';
+}
+
+// ==================================================
+// Old Colors
+// ==================================================
+
+
+// Basic Colors
+$navy: #1ab394;       // Primary color
+$dark-gray: #c2c2c2;  // Default color
+$blue: #1c84c6;       // Success color
+$lazur: #23c6c8;      // Info color
+$yellow: #f8ac59;     // Warning color
+$red: #ED5565;        // Danger color
+
+// Various colors
+$text-color: #676a6c;   // Body text
+$gray: #f3f3f4;         // Background wrapper color
+$light-gray: #D1DADE;   // Default label, badge
+$label-badge-color: #5E5E5E;
+$light-blue:#f3f6fb;
+
+// Spinner color and margin
+$spin-color: $navy;
+$spin-margin: 0 auto;
+
+//Basics
+$basic-link-color: #337ab7;
+
+// IBOX colors ( default panel colors)
+$border-color: #e7eaec;     // IBox border
+$ibox-title-bg:#ffffff;     // IBox Background header
+$ibox-content-bg:#ffffff;   // IBox Background content
+
+//Sidebar width
+$sidebar-width: 220px;
+
+// Boxed layout width
+$boxed-width: 1200px;
+$boxed-background: url('patterns/shattered.png');
+
+//Border radius for buttons
+$btn-border-radius: 3px;
+
+//Navigation
+$nav-bg: #0a85a4;
+$nav-profile-pattern: url("patterns/header-profile.png");
+$nav-text-color: var(--tc-base-secondary);
+
+
+
+@function getColorWithOpacity($color, $opacity) {
+  @return rgba($color, $opacity);
+}

package/scss/tcloud/disaster-recovery/colors.scss

@@ -1,15 +1,15 @@
-:root {
-
-  body.tc-disaster-recovery{
-    // theme color
-    /*
-    --tc-primary: var(--orange);
-    --tc-primary-lighten: #ffba3a;
-    
-    --tc-primary2: #d89c2c;
-    --tc-complemt: #ecb54e;
-    --tc-complemt-2: #b57a0e;
-    --tc-complemt-3: #c39643;
-    */
-  }
+:root {
+
+  body.tc-disaster-recovery{
+    // theme color
+    /*
+    --tc-primary: var(--orange);
+    --tc-primary-lighten: #ffba3a;
+    
+    --tc-primary2: #d89c2c;
+    --tc-complemt: #ecb54e;
+    --tc-complemt-2: #b57a0e;
+    --tc-complemt-3: #c39643;
+    */
+  }
 }

package/scss/tcloud/disaster-recovery/layout.scss

@@ -1,14 +1,14 @@
-body.tc-disaster-recovery {
-
-  .gray-bg, .bg-muted {
-    background-color: #ffeed9;
-  }
-
-  nav.navbar{
-    .tcloud-name{
-      color: #fff;
-    }
-    background-color: var(--orange) !important;
-  }
- 
+body.tc-disaster-recovery {
+
+  .gray-bg, .bg-muted {
+    background-color: #ffeed9;
+  }
+
+  nav.navbar{
+    .tcloud-name{
+      color: #fff;
+    }
+    background-color: var(--orange) !important;
+  }
+ 
 }

package/scss/tcloud/disaster-recovery/styles.scss

@@ -1,2 +1,2 @@
-@import 'colors.scss';
+@import 'colors.scss';
 @import 'layout.scss';