Verified Commit e057e133 authored by Alex Pott's avatar Alex Pott
Browse files

Issue #3279693 by mherchel, andy-blum: Olivero: Hyperlinks with "button" or... 

Issue #3279693 by mherchel, andy-blum: Olivero: Hyperlinks with "button" or "button--primary" do not have proper styling when nested in a "text-content" container

(cherry picked from commit 9c6d3d2d)
parent 1787414f

core/themes/olivero/css/components/button.css

+1 −1
Original line number Diff line number Diff line
@@ -42,7 +42,7 @@ 
  border: solid 2px #0d77b5;

  border-radius: 0.1875rem;

  background-color: #fff;

  font-family: inherit;

  font-family: "metropolis", sans-serif;

  font-size: 1.125rem;

  font-weight: 700;

  -webkit-appearance: none;

core/themes/olivero/css/components/button.pcss.css

+1 −1
Original line number Diff line number Diff line
@@ -20,7 +20,7 @@ 
  border: solid 2px var(--color--blue-20);

  border-radius: var(--border-radius);

  background-color: var(--color--white);

  font-family: inherit;

  font-family: var(--font-sans);

  font-size: var(--font-size-l);

  font-weight: 700;

  appearance: none;

core/themes/olivero/css/components/text-content.css

+3 −3
Original line number Diff line number Diff line
@@ -26,7 +26,7 @@ 
  */

}



.text-content a, .cke_editable a {

.text-content a:not(.button), .cke_editable a:not(.button) {

    color: #0d77b5;

    -webkit-text-decoration-color: #0d77b5;

    text-decoration-color: #0d77b5;
@@ -36,13 +36,13 @@ 


@supports (box-shadow: none) {



.text-content a, .cke_editable a {

.text-content a:not(.button), .cke_editable a:not(.button) {

      transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);

      text-decoration: none;

      box-shadow: inset 0 -2px 0 0 #2494db

  }



      .text-content a:hover, .cke_editable a:hover {

      .text-content a:not(.button):hover, .cke_editable a:not(.button):hover {

        text-decoration: underline;

        color: #000;

core/themes/olivero/css/components/text-content.pcss.css

+1 −1
Original line number Diff line number Diff line
@@ -20,7 +20,7 @@ 
    text-decoration-color supported by Chrome, FF, & Safari

  */



  & a {

  & a:not(.button) {

    color: var(--color--blue-20);

    text-decoration-color: var(--color--blue-20);

    text-decoration-thickness: 2px;