integrations_dev_panel: Add CSS rule for textarea elements.

This commit adds bootstrap CSS rules used for textarea element
in devtools integrations panel in integerations_dev_panel.css.

This change is done so we can safely remove textarea CSS rules
for bootstrap.css as a part of our process to remove bootstrap
without changing existing design.
This commit is contained in:
Sahil Batra 2022-11-28 15:03:28 +05:30 committed by Tim Abbott
parent fc21e68a9e
commit 2e93a4ccd6
1 changed files with 28 additions and 0 deletions

View File

@ -10,6 +10,34 @@
padding: 20px 10px 15px;
background-color: hsla(0, 0%, 100%, 0.48);
box-shadow: 0 0 40px hsla(0, 0%, 0%, 0.06);
textarea {
color: hsl(0, 0%, 33%);
background-color: hsl(0, 0%, 100%);
border-radius: 4px;
vertical-align: middle;
border: 1px solid hsl(0, 0%, 80%);
padding: 4px 6px;
margin-bottom: 10px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
box-shadow: inset 0 1px 1px hsla(0, 0%, 0%, 0.075);
transition: border linear 0.2s, box-shadow linear 0.2s;
&:focus {
border-color: hsla(206.5, 80%, 62%, 0.8);
outline: 0;
box-shadow: inset 0 1px 1px hsla(0, 0%, 0%, 0.075),
0 0 8px hsla(206.5, 80%, 62%, 0.6);
}
&:read-only {
cursor: not-allowed;
}
}
}
#fixture_body {