Corrigé incohérences CSS

Fix #1 Toujours pas d'animation dans la navbar cependant

Corrigé incohérences CSS
Fix #1 Toujours pas d'animation dans la navbar cependant
Geoffrey PREUD'HOMME
1 parent c470d0dd
Showing 4 changed files with 17 additions and 27 deletions Show diff stats
public/css/style.css
public/views/forumConv.html
public/views/forumDir.html
public/views/membres.html
@@ -12,7 +12,7 @@ body {
 [ng-repeat].ng-enter {
     -webkit-animation: fadeInRight 0.5s;
-    animation: fadeInLeft 0.5s;
+    animation: fadeInRight 0.5s;
 }
 [ng-repeat].ng-leave {
@@ -20,14 +20,14 @@ body {
     animation: fadeOutLeft 0.5s;
 }
-[ng-if].ng-enter {
+[ng-if].ng-enter, [ng-show].ng-enter, [ng-hide].ng-enter {
     -webkit-animation: zoomIn 0.5s;
-    animation: fadeInLeft 0.5s;
+    animation: zoomIn 0.5s;
 }
-[ng-if].ng-leave {
+[ng-if].ng-leave, [ng-show].ng-leave, [ng-hide].ng-leave {
     -webkit-animation: zoomOut 0.5s;
-    animation: fadeOutLeft 0.5s;
+    animation: zoomOut 0.5s;
 }
 body > .container {
@@ -50,16 +50,6 @@ table {
     width: 90%;
 }
-table .ng-enter {
-    -webkit-animation: fadeInLeft 0.5s;
-    animation: fadeInLeft 0.5s;
-}
-
-table .ng-leave {
-    -webkit-animation: fadeOutLeft 0.5s;
-    animation: fadeOutLeft 0.5s;
-}
-
 .bureau {
     color: blue;
 }
 \ No newline at end of file
@@ -8,14 +8,14 @@
     <div class="panel panel-default" ng-repeat="mess in messs">
         <div class="panel-heading">
             {{ mess.login }}
-            <button ng-if="session.canDelMess" type="button" class="btn btn-danger" ng-click="deleteMess($index)">
+            <button ng-show="session.canDelMess" type="button" class="btn btn-danger" ng-click="deleteMess($index)">
                 <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Supprimer
             </button>
         </div>
         <div class="panel-body" btf-markdown="mess.content">
         </div>
     </div>
-    <div class="form-group" ng-if="session.canAddMess">
+    <div class="form-group" ng-show="session.canAddMess">
         <div class="panel panel-default">
             <div class="panel-heading">
                 <h4 class="panel-title">
@@ -16,12 +16,12 @@
         </div>
         <div class="panel-body">
             <!-- <strong>Date : </strong>{{ doss.date }}<br/> -->
-            <button ng-if="session.canDelDoss" type="button" class="btn btn-danger" ng-click="deleteDoss($index)">
+            <button ng-show="session.canDelDoss" type="button" class="btn btn-danger" ng-click="deleteDoss($index)">
                 <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Supprimer
             </button>
         </div>
     </div>
-    <div class="form-group" ng-if="session.canAddDoss">
+    <div class="form-group" ng-show="session.canAddDoss">
         <div class="panel panel-default">
             <div class="panel-heading">
                 <h3 class="panel-title">
@@ -46,12 +46,12 @@
         </div>
         <div class="panel-body">
             <!-- <strong>Date : </strong>{{ conv.date }}<br/> -->
-            <button ng-if="session.canDelConv" type="button" class="btn btn-danger" ng-click="deleteConv($index)">
+            <button ng-show="session.canDelConv" type="button" class="btn btn-danger" ng-click="deleteConv($index)">
                 <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Supprimer
             </button>
         </div>
     </div>
-    <div class="form-group" ng-if="session.canAddConv">
+    <div class="form-group" ng-show="session.canAddConv">
         <div class="panel panel-default">
             <div class="panel-heading">
                 <h3 class="panel-title">
@@ -10,15 +10,15 @@
                 <th>Nom</th>
                 <th>Section</th>
                 <th>Rôle</th>
-                <th ng-if="session.canAddMembre || session.canDelMembre">Action</th>
+                <th ng-show="session.canAddMembre || session.canDelMembre">Action</th>
             </tr>
         </thead>
-        <tbody data-as-sortable="dragControlListeners" data-ng-model="membres">
-            <tr data-ng-repeat="membre in membres" data-as-sortable-item ng-class="{bureau: membre.bureau}">
+        <tbody as-sortable="dragControlListeners" ng-model="membres">
+            <tr ng-repeat="membre in membres" as-sortable-item ng-class="{bureau: membre.bureau}">
                 <td>{{ membre.nom }}</td>
                 <td>{{ membre.section }}</td>
                 <td>{{ membre.role }}</td>
-                <td ng-if="session.canDelMembre">
+                <td ng-show="session.canDelMembre">
                     <button type="button" class="btn btn-default" aria-label="Déplacer" data-as-sortable-item-handle>
                         <span class="glyphicon glyphicon-resize-vertical" aria-hidden="true"></span>
                     </button>
@@ -28,7 +28,7 @@
                 </td>
             </tr>
         </tbody>
-        <tfoot id="membre-form" ng-if="session.canAddMembre">
+        <tfoot id="membre-form" ng-show="session.canAddMembre">
             <tr class="form-group">
                 <td>
                     <input type="text" class="form-control input-lg" placeholder="Login Polytech" ng-model="formData.login">
@@ -46,4 +46,4 @@
             </tr>
         </tfoot>
     </table>
-</div>
 \ No newline at end of file
+</div>