Prevent embeds from overflowing

Fixes #347
11 years ago · 97cf908932
parent 638aeb6697
commit 97cf908932
2 changed files with 8 additions and 2 deletions
--- a/css/glowingbear.css
+++ b/css/glowingbear.css
@ -336,8 +336,14 @@ li.notification {
    background: rgba(255,255,255,0.5);
 }

-img.embed {
+div.embed * {
+    max-width: 100%;
+}
+
+/* not for all img embeds so as not to affect the yr plugin (302px) */
+div.embed img.embed {
    max-height: 300px;
+    max-width: 100%;
 }


--- a/directives/plugin.html
+++ b/directives/plugin.html
@ -4,7 +4,7 @@
    Hide {{ plugin.name }}
  </button>

-  <div ng-bind-html="displayedContent" bo-class="'embed_' + plugin.$$hashKey"></div>
+  <div ng-bind-html="displayedContent" class="embed" bo-class="'embed_' + plugin.$$hashKey"></div>
 </div>

 <div ng-hide="plugin.visible">