diff options
| author | Eugen Rochko <eugen@zeonfederated.com> | 2017-08-31 03:38:35 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-08-31 03:38:35 +0200 |
| commit | d1a78eba1558004f69ab8933b08ffe0093671546 (patch) | |
| tree | c25b885ee78dfeb5c4cc8a06bded252ff5d7915e /app/javascript/styles | |
| parent | 2db9ccaf3eeada3106e88e08163495ae8e741574 (diff) | |
Embed modal (#4748)
* Embed modal * Proxy OEmbed requests from web UI
Diffstat (limited to 'app/javascript/styles')
| -rw-r--r-- | app/javascript/styles/components.scss | 61 |
1 files changed, 60 insertions, 1 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index 3a6672b9f..8b932e77c 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -3099,7 +3099,8 @@ button.icon-button.active i.fa-retweet { } .onboarding-modal, -.error-modal { +.error-modal, +.embed-modal { background: $ui-secondary-color; color: $ui-base-color; border-radius: 8px; @@ -3951,3 +3952,61 @@ noscript { } } } + +.embed-modal__html { + color: $ui-secondary-color; + outline: 0; + box-sizing: border-box; + display: block; + width: 100%; + border: none; + padding: 10px; + font-family: 'mastodon-font-monospace', monospace; + background: $ui-base-color; + color: $ui-primary-color; + font-size: 14px; + margin: 0; + margin-bottom: 15px; + + &::-moz-focus-inner { + border: 0; + } + + &::-moz-focus-inner, + &:focus, + &:active { + outline: 0 !important; + } + + &:focus { + background: lighten($ui-base-color, 4%); + } + + @media screen and (max-width: 600px) { + font-size: 16px; + } +} + +.embed-modal { + h4 { + padding: 30px; + font-weight: 500; + font-size: 16px; + text-align: center; + } + + .hint { + margin-bottom: 15px; + } +} + +.embed-modal__container { + padding: 10px; +} + +.embed-modal__iframe { + width: 100%; + min-width: 400px; + overflow: hidden; + border: 0; +} |