Merge pull request #441 from alexaveldanez/make-readonly-inputs-appear-disabled

Make readonly inputs appear disabled

Author: st3phhays

dist/css/boxstarter.css

@@ -56673,6 +56673,11 @@ textarea:disabled ~ .form-text {
   font-style: italic;
 }
 
+input[readonly]:not([data-td-target]),
+textarea[readonly] {
+  background-color: var(--bs-tertiary-bg);
+}
+
 /* stylelint-disable-next-line selector-class-pattern */
 .noUi-target {
   background: none;

dist/css/boxstarter.min.css

@@ -51524,7 +51524,7 @@ readers do not read off random characters that represent icons */
   --fa: "\f3f6";
 }
 
-/*! @docsearch/css 3.8.3 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */
+/*! @docsearch/css 3.8.2 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */
 :root {
   --docsearch-primary-color:#5468ff;
   --docsearch-text-color:#1c1e21;
@@ -51634,17 +51634,9 @@ html[data-theme=dark] {
   padding: 0 0 2px;
   position: relative;
   top: -1px;
-  transition-duration: 0.1s;
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   width: 20px;
 }
 
-@media (prefers-reduced-motion) {
-  .DocSearch-Button-Key {
-    transition: none;
-  }
-}
 .DocSearch-Button-Key--pressed {
   box-shadow: var(--docsearch-key-pressed-shadow);
   transform: translate3d(0, 1px, 0);
@@ -51891,7 +51883,6 @@ html[data-theme=dark] {
   display: flex;
   padding-bottom: 4px;
   position: relative;
-  scroll-margin-top: 40px;
 }
 
 @media screen and (prefers-reduced-motion: reduce) {
@@ -61294,6 +61285,11 @@ textarea:disabled ~ .form-text {
   font-style: italic;
 }
 
+input[readonly]:not([data-td-target]),
+textarea[readonly] {
+  background-color: var(--bs-tertiary-bg);
+}
+
 /* stylelint-disable-next-line selector-class-pattern */
 .noUi-target {
   background: none;

dist/css/chocolatey.css

@@ -46275,6 +46275,11 @@ textarea:disabled ~ .form-text {
   font-style: italic;
 }
 
+input[readonly]:not([data-td-target]),
+textarea[readonly] {
+  background-color: var(--bs-tertiary-bg);
+}
+
 /* stylelint-disable-next-line selector-class-pattern */
 .noUi-target {
   background: none;

dist/css/chocolatey.min.css

@@ -182,3 +182,8 @@ input:disabled ~ label,
 textarea:disabled ~ .form-text {
     font-style: italic;
 }
+
+input[readonly]:not([data-td-target]),
+textarea[readonly] {
+    background-color: $input-disabled-bg;
+}