Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Embed modal (#4748)

Browse source 
* Embed modal

* Proxy OEmbed requests from web UI
This commit is contained in:
Eugen Rochko 2017-08-31 03:38:35 +02:00 • committed by GitHub
parent 2db9ccaf3e
commit d1a78eba15
10 changed files with 186 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

61
app/javascript/styles/components.scss
View file

@ -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;
}