Refactor copy-message to use new mixin

RachelElysia · RachelElysia · commit 5d3d23e15bda · 2024-03-21T12:51:52.000-04:00
diff --git a/frontend/components/AddHostsModal/PlatformWrapper/_styles.scss b/frontend/components/AddHostsModal/PlatformWrapper/_styles.scss
@@ -51,12 +51,7 @@
   }
 
   &__copy-message {
-    font-weight: $regular;
-    vertical-align: top;
-    background-color: $ui-light-grey;
-    border: solid 1px #e2e4ea;
-    border-radius: 10px;
-    padding: 2px 6px;
+    @include copy-message;
   }
 
   .buttons {
@@ -122,9 +117,6 @@
   }
 
   &__copy-message {
-    background-color: $ui-light-grey;
-    border: solid 1px #e2e4ea;
-    border-radius: 10px;
-    padding: 2px 6px;
+    @include copy-message;
   }
 }
diff --git a/frontend/components/EnrollSecrets/EnrollSecretTable/EnrollSecretRow/_styles.scss b/frontend/components/EnrollSecrets/EnrollSecretTable/EnrollSecretRow/_styles.scss
@@ -40,10 +40,7 @@
   }
 
   &__copy-message {
-    background-color: $ui-light-grey;
-    border: solid 1px #e2e4ea;
-    border-radius: 10px;
-    padding: 2px 6px;
+    @include copy-message;
   }
 
   &__action-overlay {
diff --git a/frontend/components/forms/fields/InputFieldHiddenContent/_styles.scss b/frontend/components/forms/fields/InputFieldHiddenContent/_styles.scss
@@ -43,9 +43,6 @@
   }
 
   &__copy-message {
-    background-color: $ui-light-grey;
-    border: solid 1px #e2e4ea;
-    border-radius: 10px;
-    padding: 2px 6px;
+    @include copy-message;
   }
 }
diff --git a/frontend/pages/AccountPage/APITokenModal/TokenSecretField/_styles.scss b/frontend/pages/AccountPage/APITokenModal/TokenSecretField/_styles.scss
@@ -31,12 +31,7 @@
   }
 
   &__copy-message {
-    font-weight: $regular;
-    vertical-align: top;
-    background-color: $ui-light-grey;
-    border: solid 1px #e2e4ea;
-    border-radius: 10px;
-    padding: 2px 6px;
+    @include copy-message;
   }
 
   &__secret-download-icon {
diff --git a/frontend/pages/admin/IntegrationsPage/cards/Calendars/_styles.scss b/frontend/pages/admin/IntegrationsPage/cards/Calendars/_styles.scss
@@ -48,12 +48,7 @@
   }
 
   &__copy-message {
-    font-weight: $regular;
-    vertical-align: top;
-    background-color: $ui-light-grey;
-    border: solid 1px #e2e4ea;
-    border-radius: 10px;
-    padding: 2px 6px;
+    @include copy-message;
   }
 
   &__code {
diff --git a/frontend/styles/var/mixins.scss b/frontend/styles/var/mixins.scss
@@ -175,6 +175,15 @@ $max-width: 2560px;
   }
 }
 
+@mixin copy-message {
+  font-weight: $regular;
+  vertical-align: top;
+  background-color: $ui-light-grey;
+  border: solid 1px #e2e4ea;
+  border-radius: 10px;
+  padding: 2px 6px;
+}
+
 @mixin color-contrasted-sections {
   background-color: $ui-off-white;
   .section {

Original file line number	Diff line number	Diff line change
`@@ -51,12 +51,7 @@`
`51`	`51`	`}`
`52`	`52`
`53`	`53`	`&__copy-message {`
`54`		`- font-weight: $regular;`
`55`		`- vertical-align: top;`
`56`		`- background-color: $ui-light-grey;`
`57`		`- border: solid 1px #e2e4ea;`
`58`		`- border-radius: 10px;`
`59`		`- padding: 2px 6px;`
	`54`	`+ @include copy-message;`
`60`	`55`	`}`
`61`	`56`
`62`	`57`	`.buttons {`
`@@ -122,9 +117,6 @@`
`122`	`117`	`}`
`123`	`118`
`124`	`119`	`&__copy-message {`
`125`		`- background-color: $ui-light-grey;`
`126`		`- border: solid 1px #e2e4ea;`
`127`		`- border-radius: 10px;`
`128`		`- padding: 2px 6px;`
	`120`	`+ @include copy-message;`
`129`	`121`	`}`
`130`	`122`	`}`
Original file line number	Diff line number	Diff line change
`@@ -40,10 +40,7 @@`
`40`	`40`	`}`
`41`	`41`
`42`	`42`	`&__copy-message {`
`43`		`- background-color: $ui-light-grey;`
`44`		`- border: solid 1px #e2e4ea;`
`45`		`- border-radius: 10px;`
`46`		`- padding: 2px 6px;`
	`43`	`+ @include copy-message;`
`47`	`44`	`}`
`48`	`45`
`49`	`46`	`&__action-overlay {`
Original file line number	Diff line number	Diff line change
`@@ -43,9 +43,6 @@`
`43`	`43`	`}`
`44`	`44`
`45`	`45`	`&__copy-message {`
`46`		`- background-color: $ui-light-grey;`
`47`		`- border: solid 1px #e2e4ea;`
`48`		`- border-radius: 10px;`
`49`		`- padding: 2px 6px;`
	`46`	`+ @include copy-message;`
`50`	`47`	`}`
`51`	`48`	`}`
Original file line number	Diff line number	Diff line change
`@@ -31,12 +31,7 @@`
`31`	`31`	`}`
`32`	`32`
`33`	`33`	`&__copy-message {`
`34`		`- font-weight: $regular;`
`35`		`- vertical-align: top;`
`36`		`- background-color: $ui-light-grey;`
`37`		`- border: solid 1px #e2e4ea;`
`38`		`- border-radius: 10px;`
`39`		`- padding: 2px 6px;`
	`34`	`+ @include copy-message;`
`40`	`35`	`}`
`41`	`36`
`42`	`37`	`&__secret-download-icon {`
Original file line number	Diff line number	Diff line change
`@@ -48,12 +48,7 @@`
`48`	`48`	`}`
`49`	`49`
`50`	`50`	`&__copy-message {`
`51`		`- font-weight: $regular;`
`52`		`- vertical-align: top;`
`53`		`- background-color: $ui-light-grey;`
`54`		`- border: solid 1px #e2e4ea;`
`55`		`- border-radius: 10px;`
`56`		`- padding: 2px 6px;`
	`51`	`+ @include copy-message;`
`57`	`52`	`}`
`58`	`53`
`59`	`54`	`&__code {`