インラインボタンスタイルの不具合修正（aタグが子要素に入ったケース）

xserver-inc · Mar 20, 2024 · fe81754 · fe81754
1 parent 5d61619
commit fe81754
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 2 deletions.
diff --git a/amp.css b/amp.css
@@ -3898,6 +3898,10 @@ div.search-form {
 [class*=inline-button-]:hover {
   opacity: 0.7;
 }
+[class*=inline-button-] a {
+  color: inherit;
+  text-decoration: none;
+}
 
 .inline-button-black {
   border-color: var(--cocoon-black-color);

diff --git a/css/admin.css b/css/admin.css
@@ -3958,6 +3958,10 @@ body.wp-admin {
 .admin-settings .demo [class*=inline-button-]:hover {
   opacity: 0.7;
 }
+.admin-settings .demo [class*=inline-button-] a {
+  color: inherit;
+  text-decoration: none;
+}
 .admin-settings .demo .inline-button-black {
   border-color: var(--cocoon-black-color);
 }
@@ -12362,6 +12366,10 @@ body.wp-admin {
 .admin-settings .demo [class*=inline-button-]:hover {
   opacity: 0.7;
 }
+.admin-settings .demo [class*=inline-button-] a {
+  color: inherit;
+  text-decoration: none;
+}
 .admin-settings .demo .inline-button-black {
   border-color: var(--cocoon-black-color);
 }
@@ -21482,6 +21490,10 @@ textarea[name=the_page_memo] {
 .components-popover__content [class*=inline-button-]:hover {
   opacity: 0.7;
 }
+.components-popover__content [class*=inline-button-] a {
+  color: inherit;
+  text-decoration: none;
+}
 .components-popover__content .inline-button-black {
   border-color: var(--cocoon-black-color);
 }

diff --git a/css/gutenberg-editor.css b/css/gutenberg-editor.css
@@ -1911,6 +1911,10 @@ div.search-form {
 [class*=inline-button-]:hover {
   opacity: 0.7;
 }
+[class*=inline-button-] a {
+  color: inherit;
+  text-decoration: none;
+}
 
 .inline-button-black {
   border-color: var(--cocoon-black-color);

diff --git a/scss/_extension.scss b/scss/_extension.scss
@@ -879,8 +879,15 @@ div.search-form{
   }
 }
 
-[class*="inline-button-"]:hover{
-  opacity: .7;
+[class*="inline-button-"]{
+  &:hover{
+    opacity: .7;
+  }
+
+  a{
+    color: inherit;
+    text-decoration:none;
+  }
 }
 
 .inline-button-black{

diff --git a/style.css b/style.css
@@ -3923,6 +3923,10 @@ div.search-form {
 [class*=inline-button-]:hover {
   opacity: 0.7;
 }
+[class*=inline-button-] a {
+  color: inherit;
+  text-decoration: none;
+}
 
 .inline-button-black {
   border-color: var(--cocoon-black-color);