Merge pull request #135 from WWWPiramalFinanceCOM/feature/homepage-bu…

…gfixes Feature/homepage bugfixes
WWWPiramalFinanceCOM · Jul 23, 2024 · 2de436a · 2de436a
2 parents 15e3bea + 75ea608
commit 2de436a
Show file tree

Hide file tree

Showing 2 changed files with 76 additions and 37 deletions.
diff --git a/component-models.json b/component-models.json
@@ -1875,6 +1875,41 @@
  "label": "Image",
  "description": "Front Image"
  },
+ {
+ "component": "multiselect",
+ "name": "classes",
+ "label": "Style",
+ "valueType": "string",
+ "required": true,
+ "options": [
+ {
+ "name": "Theme",
+ "children": [
+ {
+ "name": "Light",
+ "value": "light"
+ },
+ {
+ "name": "Light",
+ "value": "light"
+ },
+ {
+ "name": "Dark",
+ "value": "dark"
+ }
+ ]
+ },
+ {
+ "name": "Type",
+ "children": [
+ {
+ "name": "teaserv2",
+ "value": "teaserv2"
+ }
+ ]
+ }
+ ]
+ },
  {
  "component": "text",
  "valueType": "string",
@@ -1939,41 +1974,6 @@
  "label": "teaserv2 Attribute",
  "description": "Set TeaserV2 Attribute"
  },
- {
- "component": "multiselect",
- "name": "classes",
- "label": "Style",
- "valueType": "string",
- "required": true,
- "options": [
- {
- "name": "Theme",
- "children": [
- {
- "name": "Light",
- "value": "light"
- },
- {
- "name": "Light",
- "value": "light"
- },
- {
- "name": "Dark",
- "value": "dark"
- }
- ]
- },
- {
- "name": "Type",
- "children": [
- {
- "name": "teaserv2",
- "value": "teaserv2"
- }
- ]
- }
- ]
- },
  {
  "component": "richtext",
  "valueType": "string",

diff --git a/styles/company-details/company-details.css b/styles/company-details/company-details.css
@@ -53,7 +53,7 @@
  position: relative;
  white-space: nowrap;
  color: #000;
- font-family: Nunito-Regular, sans-serif;
+ font-family: 'Nunito-Regular', sans-serif;
  font-size: 1pc;
  font-weight: 400;
  line-height: 24px;
@@ -93,6 +93,33 @@
  display: none;
 }
 
+/* about us tabs css */
+.section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block {
+ margin-top: 32px;
+}
+
+.section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul {
+ gap: 48px;
+}
+
+.section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul>li a {
+ font-family: 'Nunito-Bold', sans-serif;
+ border: 1px solid #333333;
+}
+
+.section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul>li a:after {
+ right: -24px;
+}
+
+.section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul>li>strong>a {
+ color: var(--white);
+}
+
+.section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul>li>a:hover, 
+.section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul>li>strong>a:hover {
+ background-color: var(--white);
+ color: #000;
+}
 
 @media screen and (max-width:1024px) {
 
@@ -273,7 +300,6 @@
 
  /* Modal and Overlay Styles */
  .section.company-details-wrapper .tab-link-wrapper .tab-link.block>.compony-details {
- display: none;
  display: flex;
  outline: 0;
  z-index: 1200;
@@ -319,4 +345,17 @@
  padding: 0;
  text-align: start;
  }
+
+ .section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul>li a::before {
+ border: 1px solid var(--orange);
+ }
+
+ .section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>div>div>ul>li>strong a::after {
+ background: var(--orange);
+ }
+
+ .section.company-details-wrapper.about-us-company-details .tab-link-wrapper .tab-link.block>.compony-details {
+ transform: translateY(100%);
+ max-height: 312px;
+ }
 }