fix #300 Améliorer l'affichage du modèles de propriétés sur la page d…

…e module
sncf-connect-tech · Oct 10, 2019 · c2e521f · c2e521f
1 parent 47b08d5
commit c2e521f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/app/module/module.css b/src/app/module/module.css
@@ -9,6 +9,7 @@
 
 .module-row-for-properties {
     width: 100%;
+    overflow: auto;
 }
 
 .module-properties-headers, .module-properties-row {
@@ -36,6 +37,7 @@
     font-weight: bold;
 }
 
-.module-annotation-container{
+.module-property-annotation-container {
     overflow: auto;
-}
+    margin-right: 10px;
+}
diff --git a/src/app/module/module.html b/src/app/module/module.html
@@ -84,9 +84,9 @@ <h4>{{ 'module.propertiesList' | translate }}</h4>
                 <div flex layout="row" class="module-property-annotation">
                     <div flex="20" ng-if="property.required"><span class="module-property-annotation-name">@required</span></div>
                     <div flex="20" ng-if="property.password"><span class="module-property-annotation-name">@password</span></div>
-                    <div flex="20" ng-if="property.defaultValue" class="module-annotation-container"><span class="module-property-annotation-name">@default</span>&nbsp;{{ property.defaultValue }}</div>
-                    <div flex="20" ng-if="property.pattern" class="module-annotation-container"><span class="module-property-annotation-name">@pattern</span>&nbsp;{{ property.pattern }}</div>
-                    <div flex="20" ng-if="property.comment" class="module-annotation-container"><span class="module-property-annotation-name">@comment</span>&nbsp;{{ property.comment }}</div>
+                    <div flex="20" ng-if="property.defaultValue" class="module-property-annotation-container"><span class="module-property-annotation-name">@default</span>&nbsp;{{ property.defaultValue }}</div>
+                    <div flex="20" ng-if="property.pattern" class="module-property-annotation-container"><span class="module-property-annotation-name">@pattern</span>&nbsp;{{ property.pattern }}</div>
+                    <div flex="20" ng-if="property.comment" class="module-property-annotation-container"><span class="module-property-annotation-name">@comment</span>&nbsp;{{ property.comment }}</div>
                 </div>
             </div>
         </div>