FIXED: Minor bug fixes

SGNetworksIndia · Jan 8, 2023 · e0f5c74 · e0f5c74
1 parent 2f22c23
commit e0f5c74
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 32 deletions.
diff --git a/src/css/components/cards.css b/src/css/components/cards.css
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2022 SGNetworks. All rights reserved.
+ * Copyright (c) 2022-2023 SGNetworks. All rights reserved.
  *
  * The software is an exclusive copyright of "SGNetworks" and is provided as is exclusively with only "USAGE" access. "Modification",  "Alteration", "Re-distribution" is completely prohibited.
  * VIOLATING THE ABOVE TERMS IS A PUNISHABLE OFFENSE WHICH MAY LEAD TO LEGAL CONSEQUENCES.
@@ -393,25 +393,20 @@
 	box-shadow: none;
 }
 
-.card > .card-body .tab-layout {
+.card > .card-body .tab-layout:not(.with-shadow):not(.shadow) {
 	box-shadow: none;
 }
 
 .card > .card-body .tab-layout:not(.alt):not(.no-shadow) {
 	margin: 0;
 }
 
-.card > .card-body .tab-layout:not(.alt):not(.no-shadow) > .tab-title {
-	border-width: 1px 1px 0 1px;
-}
-
 .card > .card-body .tab-layout:not(.alt):not(.no-shadow) > .tab-links {
 	display: inline-flex;
-	border-width: 0 0 1px 1px;
 }
 
 .card > .card-body .tab-layout:not(.no-shadow) > .tab-title ~ .tab-view {
-	border-width: 1px;
+	/*! border-width: 1px; */
 	border-radius: 0 0 var(--sgn-border-radius-md) 0;
 }
 

diff --git a/src/css/components/tablayout.css b/src/css/components/tablayout.css
@@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2022 SGNetworks. All rights reserved.
+ * Copyright (c) 2022-2023 SGNetworks. All rights reserved.
  *
  * The software is an exclusive copyright of "SGNetworks" and is provided as is exclusively with only "USAGE" access. "Modification",  "Alteration", "Re-distribution" is completely prohibited.
  * VIOLATING THE ABOVE TERMS IS A PUNISHABLE OFFENSE WHICH MAY LEAD TO LEGAL CONSEQUENCES.
@@ -21,6 +21,7 @@
 
 .tab-layout {
 	border: none;
+	border: 1px solid var(--sgn-tab-tab-border-color, var(--sgn-border-light));
 	border-radius: var(--sgn-border-radius-md);
 	display: flex;
 	flex-direction: column;
@@ -30,19 +31,18 @@
 
 .tab-layout > .tab-title {
 	background-color: var(--sgn-tab-link-bg-color, var(--sgn-accent-background-secondary));
-	padding: var(--padding-sm);
-	border: 1px solid var(--sgn-tab-heading-border-color, var(--sgn-border-light));
-	border-bottom-width: 0;
+	border-bottom: 1px solid var(--sgn-tab-heading-border-color, var(--sgn-border-light));
 	border-radius: var(--sgn-border-radius-md) var(--sgn-border-radius-md) 0 0;
+	padding: var(--padding-sm);
 }
 
 .tab-layout > .tab-links {
+	align-items: center;
 	background-color: transparent;
 	border: 1px solid var(--sgn-tab-heading-border-color, var(--sgn-border-light));
 	border-radius: var(--sgn-border-radius-md) var(--sgn-border-radius-md) 0 0;
 	display: inline-flex;
 	justify-content: start;
-	align-items: center;
 	position: relative;
 }
 
@@ -86,8 +86,8 @@
 }
 
 .tab-layout > .tab-view {
-	border: 1px solid var(--sgn-tab-tab-border-color, var(--sgn-border-light));
 	border-radius: 0 var(--sgn-border-radius-md) var(--sgn-border-radius-md);
+	border-top: 1px solid var(--sgn-tab-tab-border-color, var(--sgn-border-light));
 	display: flex;
 	flex-direction: column;
 	position: relative;
@@ -105,21 +105,22 @@
 
 .tab-layout > .tab-title ~ .tab-links {
 	border-radius: 0;
-	border-bottom: 0;
+	border-width: 0;
 	width: 100%;
 }
 
-.tab-layout > .tab-title ~ .tab-links > .tab-link:first-child,
-.tab-layout > .tab-title ~ .tab-links > .tab-link:last-child {
+.tab-layout > .tab-title + .tab-links > .tab-link:first-child,
+.tab-layout > .tab-title + .tab-links > .tab-link:last-child {
 	border-radius: 0;
 }
 
-.tab-layout:not(.alt) > .tab-title ~ .tab-links > .tab-link:last-child {
+.tab-layout:not(.alt) > .tab-title + .tab-links > .tab-link:last-child {
 	border-right: 1px solid var(--sgn-tab-heading-border-color, var(--sgn-border-light));
 }
 
-.tab-layout > .tab-title ~ .tab-view {
+.tab-layout > .tab-title + .tab-view {
 	border-radius: 0 0 var(--sgn-border-radius-md) var(--sgn-border-radius-md);
+	border-top-width: 0;
 }
 
 
@@ -128,35 +129,38 @@
 }
 
 .tab-layout.bottom > .tab-links,
-.tab-layout > .tab-view ~ .tab-links {
-	width: auto;
+.tab-layout > .tab-view + .tab-links {
 	border-radius: 0 0 var(--sgn-border-radius-md) var(--sgn-border-radius-md);
-	border: 1px solid var(--sgn-tab-heading-border-color, var(--sgn-border-light));
-	border-right-width: 0;
+	border-top-width: 1px;
 	top: -1px;
+	width: auto;
 }
 
 .tab-layout.bottom > .tab-links > .tab-link {
-	border-top: 0;
+	border-bottom: 0;
 }
 
 .tab-layout.bottom > .tab-links > .tab-link:last-child,
-.tab-layout > .tab-view ~ .tab-links > .tab-link:last-child {
+.tab-layout > .tab-view + .tab-links > .tab-link:last-child {
 	border-radius: 0 0 var(--sgn-border-radius-md) 0;
 	border-right: 1px solid var(--sgn-tab-heading-border-color, var(--sgn-border-light));
 }
 
 .tab-layout.bottom > .tab-links > .tab-link:first-child,
-.tab-layout > .tab-view ~ .tab-links > .tab-link:first-child {
+.tab-layout > .tab-view + .tab-links > .tab-link:first-child {
 	border-radius: 0 0 0 var(--sgn-border-radius-md);
 }
 
 .tab-layout.bottom > .tab-links > .tab-link.active:after,
-.tab-layout > .tab-view ~ .tab-links > .tab-link.active:after {
+.tab-layout > .tab-view + .tab-links > .tab-link.active:after {
 	bottom: unset;
 	top: -1px;
 }
 
+.tab-layout.bottom > .tab-view {
+	border-top-width: 0;
+}
+
 .tab-layout.alt {
 	border: 1px solid var(--sgn-tab-heading-border-color, var(--sgn-border-light));
 }
@@ -205,13 +209,8 @@
 	border-radius: 0;
 }
 
-.tab-layout:not(.no-shadow) > .tab-view {
-	border-width: 1px 0 1px 0;
-}
-
 .tab-layout:not(.alt):not(.no-shadow) > .tab-title,
 .tab-layout:not(.alt):not(.no-shadow) > .tab-links {
-	border-width: 0;
 	top: 0;
 }