Fix issue 1175 cta ie (#1194)

* chore: check-in

* added an ie11 query to set a tag to use pfe-color color

* fix: Update baselines

* fixed the cta's from appearing thicker on ie11

* fix: Update baselines

* chore: update changelog

* Update CHANGELOG-1.x.md

Co-authored-by: [ Cassondra ] <[email protected]>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: [ Cassondra ] <[email protected]>

Author: 4 people

CHANGELOG-1.x.md

@@ -13,4 +13,5 @@
 - [e3cc73b](https://github.com/patternfly/patternfly-elements/commit/e3cc73b92d06cdf7fef8dc091733a046a14e12e5) fix: pfe-tabs vertical display on mobile (#1135)
 - [6eadb21](https://github.com/patternfly/patternfly-elements/commit/6eadb21a29768c06ff312de42bd54b44072ee051) fix: umd.min modules now import umd.min builds of PFE dependencies (#1168)
 - [40e0b09](https://github.com/patternfly/patternfly-elements/commit/40e0b099e77943feee4e8ba1a34d25b01ddf86ff) fix: global theme palette color for visited links in a saturated context
-- [](https://github.com/patternfly/patternfly-elements/commit/) fix: Variable references to theme vs. context
+- [117a0e7](https://github.com/patternfly/patternfly-elements/commit/117a0e7e407ea1244cc861b251391f61a8b143ef) fix: Variable references to theme vs. context
+- [7c7093a1](https://github.com/patternfly/patternfly-elements/commit/7c7093a1b4d099941320558e54003a0beca01eda) fix: ie11 pfe-cta link text and padding issues

elements/pfe-cta/src/pfe-cta--lightdom.scss

@@ -18,17 +18,6 @@ pfe-cta {
 }
 
 @include browser-query(ie11 edge) {
-  pfe-cta[priority] a,
-  pfe-cta[priority] a,
-  pfe-cta[aria-disabled="true"] a {
-    padding: #{pfe-local(
-        $cssvar: Padding,
-        $fallback: #{pfe-var(container-padding)} calc(#{pfe-var(
-                container-padding
-              )} * 2)
-      )} !important;
-  }
-
   // Edge 17 & 18 arrow wrap
   .pfe-cta--wrapper {
     white-space: nowrap;

elements/pfe-cta/src/pfe-cta.scss

@@ -79,18 +79,28 @@ $LOCAL-VARIABLES: map-deep-merge($LOCAL-VARIABLES, (
 
   // cursor: pointer;
 
-  @include browser-query(ie11 edge) {
-    padding: 0 !important;
-  }
-
   :host([priority]) & {
     text-align: center;
     font-size: pfe-local(FontSize--priority);
+    @include browser-query(ie11) {
+      a {
+        color: pfe-local(Color) !important;
+      }
+    }
   }
 
   :host([aria-disabled="true"]) & {
     cursor: default !important;
   }
+
+  :host([priority]) &,
+  :host([aria-disabled="true"]) & {
+    padding: pfe-local(Padding, $fallback: pfe-var(container-padding) calc(#{pfe-var(container-padding)} * 2)) !important;
+  
+    @include browser-query(ie11) {
+      padding: pfe-fetch(container-padding) #{pfe-fetch(container-padding) * 2} !important;
+    }
+  }
 }
 
 :host(:not([aria-disabled="true"]):focus),
@@ -167,15 +177,6 @@ $LOCAL-VARIABLES: map-deep-merge($LOCAL-VARIABLES, (
   display: none;
 }
 
-:host([priority]),
-:host([aria-disabled="true"]) {
-  --pfe-cta--Padding: #{pfe-var(container-padding)} calc(#{pfe-var(container-padding)} * 2);
-  ::slotted(*) {
-    @include browser-query(ie11) {
-      padding: pfe-fetch(container-padding) #{pfe-fetch(container-padding) * 2};
-    }
-  }
-}
 
 /// ===========================================================================
 /// BELOW THIS POINT, LOCAL VARIABLE OVERRIDES ONLY, handled by the pfe-print-local function