Adds a responsive-ratio directive

To fix the ratio of any element
2016-02-15 15:25:14 +01:00
parent a7abe7eddb
commit f720850533
3 changed files with 29 additions and 1 deletions
--- a/webapp/js/directives/responsive-ratio.html
+++ b/webapp/js/directives/responsive-ratio.html
@@ -0,0 +1,5 @@
+<div style="position:relative;padding-bottom:{{paddingRatio()}}%;">
+  <div style="position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;">
+    <ng-transclude></ng-transclude>
+  </div>
+</div>