diff --git a/static/styles/portico/integrations_dev_panel.css b/static/styles/portico/integrations_dev_panel.css index 8468af9f3e..9e6651770d 100644 --- a/static/styles/portico/integrations_dev_panel.css +++ b/static/styles/portico/integrations_dev_panel.css @@ -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 {