use font-size-small css variable

mhdahman · mhdahman · commit 6686bdf20810 · 2023-05-03T10:11:12.000-07:00
diff --git a/src/@batch-flask/ui/buttons/button.scss b/src/@batch-flask/ui/buttons/button.scss
@@ -174,7 +174,7 @@ bl-button {
 }
 
 .btn-tooltip {
-    font-size: 11px !important
+    font-size: $font-size-small !important
 }
 
 @media (forced-colors: active) {
diff --git a/src/@batch-flask/ui/metrics-monitor/metrics-monitor.scss b/src/@batch-flask/ui/metrics-monitor/metrics-monitor.scss
@@ -24,16 +24,15 @@ bl-metrics-monitor {
             margin-left: 5px;
 
             > .label {
-                font-size: 11px;
+                font-size: $font-size-small;
                 line-height: 11px;
                 margin-bottom: 3px;
             }
 
             > .status {
-                font-size: 11px;
+                font-size: $font-size-small;
                 color: $secondary-text;
             }
-
         }
 
         > .graph {
diff --git a/src/@batch-flask/ui/quotas/quota-display/quota-display.scss b/src/@batch-flask/ui/quotas/quota-display/quota-display.scss
@@ -39,7 +39,7 @@ bl-quota-display {
 
     &[type="normal"] {
         > .details > .label {
-            font-size: 11px;
+            font-size: $font-size-small;
             height: 35%;
             margin: 3px 5px 0;
         }
diff --git a/src/@batch-flask/ui/tags/tag-list/tag-list.scss b/src/@batch-flask/ui/tags/tag-list/tag-list.scss
@@ -5,7 +5,7 @@ bl-tag-list {
     align-items: center;
 
     .tag {
-        font-size: 11px;
+        font-size: $font-size-small;
         color: $primary-contrast-color;
         background: $primary-color;
         padding: 0 5px;
diff --git a/src/@batch-flask/ui/toolbar/toolbar.scss b/src/@batch-flask/ui/toolbar/toolbar.scss
@@ -22,7 +22,7 @@ bl-toolbar {
     > [toolbarLabel] {
         display: inline-block;
         flex: 1;
-        font-size: 11px;
+        font-size: $font-size-small;
         color: $secondary-text;
         font-weight: 700;
         user-select: none;
diff --git a/src/app/components/gallery/application-list/gallery-application-list.scss b/src/app/components/gallery/application-list/gallery-application-list.scss
@@ -47,6 +47,6 @@ bl-gallery-application-list {
     }
 
     .tooltip {
-        font-size: 11px;
+        font-size: $font-size-small;
     }
 }
diff --git a/src/app/components/pool/action/add/app-license-picker/app-license-picker.scss b/src/app/components/pool/action/add/app-license-picker/app-license-picker.scss
@@ -9,7 +9,6 @@ bl-app-license-picker {
             color: #333333;
 
             > .summary-container {
-
                 &.standard {
                     height: unset;
                 }
@@ -52,7 +51,7 @@ bl-app-license-picker {
     }
 
     .note {
-        font-size: 11px;
+        font-size: $font-size-small;
         font-weight: bold;
         padding-top: 5px;
     }
@@ -81,8 +80,8 @@ bl-app-license-picker {
     }
 
     ol li span {
-        font-weight:bold;
-        margin-right:5px;
+        font-weight: bold;
+        margin-right: 5px;
         border-bottom: 1px solid $primary-text;
     }
 }
diff --git a/src/app/styles/variables.scss b/src/app/styles/variables.scss
@@ -9,6 +9,7 @@ $link-color-hover           : $primary-color-dark;
 $validation-error-color     : $danger-color;
 
 
+$font-size-small    : 11px;
 $font-size-base     : 13px;
 $font-size-large    : 15px;
 $baseLineHeight     : 1.4em;

Original file line number	Diff line number	Diff line change
`@@ -174,7 +174,7 @@ bl-button {`
`174`	`174`	`}`
`175`	`175`
`176`	`176`	`.btn-tooltip {`
`177`		`- font-size: 11px !important`
	`177`	`+ font-size: $font-size-small !important`
`178`	`178`	`}`
`179`	`179`
`180`	`180`	`@media (forced-colors: active) {`
Original file line number	Diff line number	Diff line change
`@@ -24,16 +24,15 @@ bl-metrics-monitor {`
`24`	`24`	`margin-left: 5px;`
`25`	`25`
`26`	`26`	`> .label {`
`27`		`- font-size: 11px;`
	`27`	`+ font-size: $font-size-small;`
`28`	`28`	`line-height: 11px;`
`29`	`29`	`margin-bottom: 3px;`
`30`	`30`	`}`
`31`	`31`
`32`	`32`	`> .status {`
`33`		`- font-size: 11px;`
	`33`	`+ font-size: $font-size-small;`
`34`	`34`	`color: $secondary-text;`
`35`	`35`	`}`
`36`		`-`
`37`	`36`	`}`
`38`	`37`
`39`	`38`	`> .graph {`
Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,7 @@ bl-quota-display {`
`39`	`39`
`40`	`40`	`&[type="normal"] {`
`41`	`41`	`> .details > .label {`
`42`		`- font-size: 11px;`
	`42`	`+ font-size: $font-size-small;`
`43`	`43`	`height: 35%;`
`44`	`44`	`margin: 3px 5px 0;`
`45`	`45`	`}`
Original file line number	Diff line number	Diff line change
`@@ -47,6 +47,6 @@ bl-gallery-application-list {`
`47`	`47`	`}`
`48`	`48`
`49`	`49`	`.tooltip {`
`50`		`- font-size: 11px;`
	`50`	`+ font-size: $font-size-small;`
`51`	`51`	`}`
`52`	`52`	`}`
Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,6 @@ bl-app-license-picker {`
`9`	`9`	`color: #333333;`
`10`	`10`
`11`	`11`	`> .summary-container {`
`12`		`-`
`13`	`12`	`&.standard {`
`14`	`13`	`height: unset;`
`15`	`14`	`}`
`@@ -52,7 +51,7 @@ bl-app-license-picker {`
`52`	`51`	`}`
`53`	`52`
`54`	`53`	`.note {`
`55`		`- font-size: 11px;`
	`54`	`+ font-size: $font-size-small;`
`56`	`55`	`font-weight: bold;`
`57`	`56`	`padding-top: 5px;`
`58`	`57`	`}`
`@@ -81,8 +80,8 @@ bl-app-license-picker {`
`81`	`80`	`}`
`82`	`81`
`83`	`82`	`ol li span {`
`84`		`- font-weight:bold;`
`85`		`- margin-right:5px;`
	`83`	`+ font-weight: bold;`
	`84`	`+ margin-right: 5px;`
`86`	`85`	`border-bottom: 1px solid $primary-text;`
`87`	`86`	`}`
`88`	`87`	`}`