Merge pull request #1937 from navikt/fixPadding

saramoh2309 · web-flow · commit 404d48a41392 · 2025-11-14T12:18:24.000+01:00
fixed padding
diff --git a/force-app/nksHomePage/lwc/nksHomePageCurrent/nksHomePageCurrent.css b/force-app/nksHomePage/lwc/nksHomePageCurrent/nksHomePageCurrent.css
@@ -5,17 +5,18 @@
 .slds-card__footer {
     border-top: none !important;
     justify-content: start;
-    padding: 0 1rem 1rem 1rem;
 }
 
 .header-icon {
     background-color: #4bca81;
 }
 
-.slds-card__header {
-    padding-top: 1rem;
+.slds-card {
+    padding: 1.25rem 1rem;
 }
 
-.slds-card__body {
-    padding: 0 1rem;
+.slds-card__body,
+.slds-card__footer,
+.slds-card__header {
+    padding: 0;
 }
diff --git a/force-app/nksHomePage/lwc/nksHomePageCurrent/nksHomePageCurrent.html b/force-app/nksHomePage/lwc/nksHomePageCurrent/nksHomePageCurrent.html
@@ -11,7 +11,7 @@
                     ></lightning-icon>
                 </div>
                 <div class="slds-media__body">
-                    <h2 class="slds-text-heading_medium slds-truncate">{cardLabel}</h2>
+                    <h2 class="slds-card__header-title slds-truncate">{cardLabel}</h2>
                 </div>
                 <div class="slds-no-flex">
                     <div lwc:if={hasPermission} class={buttonClass}>
diff --git a/force-app/nksHomePage/lwc/nksHomePageHighlightPanelTop/nksHomePageHighlightPanelTop.css b/force-app/nksHomePage/lwc/nksHomePageHighlightPanelTop/nksHomePageHighlightPanelTop.css
@@ -4,7 +4,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    padding: 1rem;
+    padding: 1.25rem 1rem 1rem 1rem;
 }
 
 .icon-container {
diff --git a/force-app/nksHomePage/lwc/nksHomePageList/nksHomePageList.css b/force-app/nksHomePage/lwc/nksHomePageList/nksHomePageList.css
@@ -2,3 +2,7 @@
     overflow: hidden;
     max-width: 100%;
 }
+
+.slds-card {
+    padding: 1.25rem 1rem;
+}
diff --git a/force-app/nksHomePage/lwc/nksHomePageList/nksHomePageList.html b/force-app/nksHomePage/lwc/nksHomePageList/nksHomePageList.html
@@ -1,6 +1,6 @@
 <template>
     <template lwc:if={hasRecord}>
-        <section class="slds-box slds-theme_default slds-is-relative" aria-labelledby="nav1">
+        <section class="slds-card slds-theme_default slds-is-relative" aria-labelledby="nav1">
             <template lwc:if={showSpinner}>
                 <div class="slds-spinner_container">
                     <lightning-spinner alternative-text="Laster" size="medium" variant="brand"></lightning-spinner>
@@ -18,7 +18,7 @@
                     </div>
                 </template>
                 <div class="slds-media__body">
-                    <h2 id="nav1" class="slds-text-heading_medium slds-truncate">{cardLabel}</h2>
+                    <h2 class="slds-card__header-title slds-truncate">{cardLabel}</h2>
                 </div>
                 <template lwc:if={enableRefresh}>
                     <lightning-button-icon
diff --git a/force-app/nksHomePage/lwc/nksHomePageListEntry/nksHomePageListEntry.css b/force-app/nksHomePage/lwc/nksHomePageListEntry/nksHomePageListEntry.css
@@ -12,9 +12,9 @@ img {
 }
 
 .title {
-    font-size: 1.17rem;
+    font-size: 1.075rem;
     font-weight: 600;
-    color: black;
+    color: #03234d;
 }
 
 .summary {
diff --git a/force-app/nksHomePage/lwc/nksHomePageText/nksHomePageText.css b/force-app/nksHomePage/lwc/nksHomePageText/nksHomePageText.css
@@ -1,3 +1,7 @@
 .icon {
     background-color: rgb(211, 54, 54);
-}
+}
+
+.slds-card {
+    padding: 1.25rem 1rem;
+}
diff --git a/force-app/nksHomePage/lwc/nksHomePageText/nksHomePageText.html b/force-app/nksHomePage/lwc/nksHomePageText/nksHomePageText.html
@@ -1,7 +1,7 @@
 <template>
     <!-- Operational Card -->
     <template lwc:if={showOperational}>
-        <section class="slds-box slds-theme_default slds-m-bottom_none">
+        <section class="slds-card slds-theme_default slds-m-bottom_none">
             <div class="slds-media slds-media_center slds-align_absolute-center slds-var-p-bottom_small">
                 <div class="slds-media__figure">
                     <lightning-icon
@@ -15,15 +15,15 @@
                     <h2 class="slds-text-heading_medium slds-truncate">{cardTitle}</h2>
                 </div>
             </div>
-            <p class="slds-var-p-horizontal_medium">
+            <p>
                 <lightning-formatted-rich-text value={information}></lightning-formatted-rich-text>
             </p>
         </section>
     </template>
 
     <!-- Salesforce Update Card -->
     <template lwc:elseif={showSalesforceUpdate}>
-        <section class="slds-box slds-theme_default slds-m-bottom_none">
+        <section class="slds-card slds-theme_default slds-m-bottom_none">
             <div class="slds-media slds-media_center slds-align_absolute-center slds-var-p-bottom_small">
                 <div class="slds-media__figure">
                     <lightning-icon
@@ -37,7 +37,7 @@ <h2 class="slds-text-heading_medium slds-truncate">{cardTitle}</h2>
                     <h2 class="slds-text-heading_medium slds-truncate">{cardTitle}</h2>
                 </div>
             </div>
-            <p class="slds-var-p-horizontal_medium">
+            <p>
                 <lightning-formatted-rich-text value={information}></lightning-formatted-rich-text>
             </p>
             <div class="slds-var-p-top_small">
@@ -49,7 +49,7 @@ <h2 class="slds-text-heading_medium slds-truncate">{cardTitle}</h2>
 
     <!-- Traffic Card -->
     <template lwc:elseif={isTraffic}>
-        <section class="slds-box slds-theme_default slds-is-relative">
+        <section class="slds-card slds-theme_default slds-is-relative">
             <template lwc:if={showSpinner}>
                 <div class="slds-spinner_container">
                     <lightning-spinner title="Loading" size="small" type="brand"></lightning-spinner>
@@ -67,13 +67,12 @@ <h2 class="slds-text-heading_medium slds-truncate">{cardTitle}</h2>
                     </div>
                 </template>
                 <div class="slds-media__body">
-                    <h2 class="slds-text-heading_medium slds-truncate">{cardTitle}</h2>
+                    <h2 class="slds-card__header-title slds-truncate">{cardTitle}</h2>
                 </div>
                 <div class="slds-var-p-right_small">
-                    <p>Sist oppdatert:&nbsp;
-                        <template lwc:if={isLastUpdatedToday}>
-                            i dag
-                        </template>
+                    <p>
+                        Sist oppdatert:&nbsp;
+                        <template lwc:if={isLastUpdatedToday}> i dag </template>
                         <template lwc:else>
                             <lightning-formatted-date-time
                                 value={lastModifiedDate}
@@ -86,7 +85,6 @@ <h2 class="slds-text-heading_medium slds-truncate">{cardTitle}</h2>
                         </template>
                     </p>
                 </div>
-                
                 <template lwc:if={enableRefresh}>
                     <lightning-button-icon
                         class="slds-float_right"
@@ -97,7 +95,7 @@ <h2 class="slds-text-heading_medium slds-truncate">{cardTitle}</h2>
                 </template>
             </div>
             <template lwc:if={information}>
-                <p class="slds-var-p-horizontal_medium">
+                <p>
                     <lightning-formatted-rich-text value={information}></lightning-formatted-rich-text>
                 </p>
                 <template lwc:if={hasOpeningHours}>

Original file line number	Diff line number	Diff line change
`@@ -5,17 +5,18 @@`
`5`	`5`	`.slds-card__footer {`
`6`	`6`	`border-top: none !important;`
`7`	`7`	`justify-content: start;`
`8`		`- padding: 0 1rem 1rem 1rem;`
`9`	`8`	`}`
`10`	`9`
`11`	`10`	`.header-icon {`
`12`	`11`	`background-color: #4bca81;`
`13`	`12`	`}`
`14`	`13`
`15`		`-.slds-card__header {`
`16`		`- padding-top: 1rem;`
	`14`	`+.slds-card {`
	`15`	`+ padding: 1.25rem 1rem;`
`17`	`16`	`}`
`18`	`17`
`19`		`-.slds-card__body {`
`20`		`- padding: 0 1rem;`
	`18`	`+.slds-card__body,`
	`19`	`+.slds-card__footer,`
	`20`	`+.slds-card__header {`
	`21`	`+ padding: 0;`
`21`	`22`	`}`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@`
`4`	`4`	`display: flex;`
`5`	`5`	`align-items: center;`
`6`	`6`	`justify-content: center;`
`7`		`- padding: 1rem;`
	`7`	`+ padding: 1.25rem 1rem 1rem 1rem;`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`.icon-container {`
Original file line number	Diff line number	Diff line change
`@@ -2,3 +2,7 @@`
`2`	`2`	`overflow: hidden;`
`3`	`3`	`max-width: 100%;`
`4`	`4`	`}`
	`5`	`+`
	`6`	`+.slds-card {`
	`7`	`+ padding: 1.25rem 1rem;`
	`8`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -12,9 +12,9 @@ img {`
`12`	`12`	`}`
`13`	`13`
`14`	`14`	`.title {`
`15`		`- font-size: 1.17rem;`
	`15`	`+ font-size: 1.075rem;`
`16`	`16`	`font-weight: 600;`
`17`		`- color: black;`
	`17`	`+ color: #03234d;`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`.summary {`