修复size内容太多溢出问题

app/design/frontend/Joshine/breeze/web/css/_custom.less

@@ -2128,12 +2128,18 @@ button.action.submit.primary {
   }
 }
 
-.swatch-option.color, .swatch-option.text, .swatch-option.image{
+.swatch-option.color, .swatch-option.image{
 width: 40px !important;
 height: 40px !important;
   border: 1px solid #000008;
 }
 
+.swatch-option.text{
+  width: auto!important;
+  padding: calc( 7.5px) calc( 15px);
+  line-height:22px!important;
+}
+
 .block-minicart .block-content>.actions .action.checkout{
 background: #000;
 }
@@ -2162,13 +2168,21 @@ display: none !important;
     height: 30px !important;;
     border-radius: 50% !important;;
   }
-  .swatch-option.color, .swatch-option.text, .swatch-option.image{
+  .swatch-option.color .swatch-option.image{
     width: 30px !important;
     height: 30px !important;
     border: 1px solid #000008;
     border-radius: 50% !important;
     line-height: 30px;
   }
+
+  .swatch-option.text
+  {
+    width: auto !important;
+    line-height: 13px!important;
+    height: 30px !important;
+  }
+
   .swatch-option::before{
     content: '';
     position: absolute;