Browse Source

Support markup and emoji in media box caption (#177)

Danilo Bargen 9 years ago
parent
commit
12ab604c64
2 changed files with 5 additions and 1 deletions
  1. 1 1
      src/directives/mediabox.ts
  2. 4 0
      src/sass/components/_mediabox.scss

+ 1 - 1
src/directives/mediabox.ts

@@ -78,7 +78,7 @@ export default [
                     <div class="inner" ng-click="ctrl.close($event)">
                         <img ng-src="{{ ctrl.imageDataUrl }}">
                         <div class="caption">
-                            {{ ctrl.caption }}
+                            <span ng-bind-html="ctrl.caption | escapeHtml | markify | emojify"></span>
                         </div>
                     </div>
                 </div>

+ 4 - 0
src/sass/components/_mediabox.scss

@@ -97,6 +97,10 @@ mediabox {
                 margin: 4px 0 0;
                 color: rgba(255, 255, 255, 0.8);
                 font-size: 1.3em;
+                .e1 {
+                    transform: scale(0.75);
+                    margin: -3px -2px;
+                }
             }
         }
     }