fix(theme-chalk): [tab] correct padding of card item on hover (element-plus#11283)

makedopamine · web-flow · commit 18644cf3735b · 2023-03-01T22:49:25.000+08:00
* fix(theme-chalk): [tab] correct padding of card item on hover
diff --git a/packages/theme-chalk/src/tabs.scss b/packages/theme-chalk/src/tabs.scss
@@ -299,9 +299,15 @@
       > .#{$namespace}-tabs__header {
         .#{$namespace}-tabs__item:nth-child(2) {
           padding-left: 20px;
+          &:not(.is-active).is-closable:hover {
+            padding-left: 13px;
+          }
         }
         .#{$namespace}-tabs__item:last-child {
           padding-right: 20px;
+          &:not(.is-active).is-closable:hover {
+            padding-right: 13px;
+          }
         }
       }
     }

Original file line number	Diff line number	Diff line change
`@@ -299,9 +299,15 @@`
`299`	`299`	`> .#{$namespace}-tabs__header {`
`300`	`300`	`.#{$namespace}-tabs__item:nth-child(2) {`
`301`	`301`	`padding-left: 20px;`
	`302`	`+ &:not(.is-active).is-closable:hover {`
	`303`	`+ padding-left: 13px;`
	`304`	`+ }`
`302`	`305`	`}`
`303`	`306`	`.#{$namespace}-tabs__item:last-child {`
`304`	`307`	`padding-right: 20px;`
	`308`	`+ &:not(.is-active).is-closable:hover {`
	`309`	`+ padding-right: 13px;`
	`310`	`+ }`
`305`	`311`	`}`
`306`	`312`	`}`
`307`	`313`	`}`