remove unused fields in slide editor and show the entire image
authorrougeronj
Fri, 29 May 2015 13:38:24 +0200
changeset 105 be1ff4e0593f
parent 104 7f2f72449dd8
child 106 cb13a9009bf5
remove unused fields in slide editor and show the entire image
client/app/slides/data_editor.html
client/app/slides/slides.css
--- a/client/app/slides/data_editor.html	Thu May 28 10:45:34 2015 +0200
+++ b/client/app/slides/data_editor.html	Fri May 29 13:38:24 2015 +0200
@@ -1,8 +1,10 @@
 <div class="user-details">
     <div ng-hide="slide.editMode">
+        <label>Votre Titre</label>
         <h4 ng-dblClick="doubleClick()">{{slide.title}}</h4>
+        <label>Vos commentaires</label>
         <p ng-dblClick="doubleClick()" class="description">{{slide.description}}</p>
-        <p ng-dblClick="doubleClick()">{{slide.comment}}</p>
+        <label>Tags</label>
         <p ng-dblClick="doubleClick()"><em>{{slide.tags.join(', ')}}</em></p>
         <div class="text-right"><button id="btn-search-annotations" class="btn" ng-click="slide.editMode=true"><span class="glyphicon glyphicon-pencil"></span></button></div>
     </div>
@@ -10,7 +12,6 @@
     <div ng-show="slide.editMode">
         <input type="text" class="form-control" ng-model='slide.title' placeholder="Titre"></input>
         <textarea class="form-control editor-textarea" ng-model='slide.description' placeholder="Description"></textarea>
-        <input type="text" class="form-control" ng-model='slide.comment' placeholder="Commentaire"></input>
         <input type="text" class="form-control" ng-model='slide.tags' placeholder="Tags"></input>
         <div class="text-right"><button id="btn-search-annotations" class="btn" ng-click="slidesave()"><span class="glyphicon glyphicon-ok"></span></button></div>
     </div>
--- a/client/app/slides/slides.css	Thu May 28 10:45:34 2015 +0200
+++ b/client/app/slides/slides.css	Fri May 29 13:38:24 2015 +0200
@@ -16,12 +16,17 @@
 
 .slide-content{
     padding:10px 0;
-    height: 400px;
+    height: 500px;
 }
 
 .media{
     border-right:1px solid grey;
-    height: 100%
+    height: 100%;
+    padding: 20px;
+}
+
+.media figure{
+    display: initial;
 }
 
 .media img,
@@ -30,6 +35,9 @@
     max-width: 100%;
     display: block;
     margin: auto;
+    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.60);
+    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.60);
+    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.60);
 }
 
 .caption {
@@ -41,6 +49,10 @@
     height: 100%
 }
 
+.caption hr{
+    border-color: grey;
+}
+
 .original-text {
     font-style: italic;
 }
@@ -53,6 +65,10 @@
     margin: 10px 0;
 }
 
+.user-details label{
+    margin-bottom: 0;
+}
+
 #back{
     float:left;
     margin: 0 10px;