GNM-610 FE Portal underlining bei niedrigen Auflösungen prüfen
diff --git a/src/app/pages/module-grid/module-grid.component.css b/src/app/pages/module-grid/module-grid.component.css
index 1cb0e90..c973810 100644
--- a/src/app/pages/module-grid/module-grid.component.css
+++ b/src/app/pages/module-grid/module-grid.component.css
@@ -17,9 +17,7 @@
margin-bottom:auto;
}
.title-footer {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
+ display:block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
@@ -27,15 +25,15 @@
color: #fff;
background: rgba(0,0,0,.38);
overflow: hidden;
- left: 0px;
- right:0px;
+ left: 0px;
+ right:0px;
position: absolute;
bottom: 0px;
text-align: center;
border-bottom-left-radius: 10px;
- border-bottom-right-radius: 10px;
- margin-left:15px;
- margin-right: 15px;
+ border-bottom-right-radius: 10px;
+ margin-left:15px;
+ margin-right: 15px;
}
#topcontainer {
@@ -135,30 +133,14 @@
/* Base */
.element {
- margin: 0px;
+ display:table;
+ margin:14px auto;
font-size: 16px;
- display: block;
+ display: table;
position: relative;
z-index: 2;
- text-decoration: none;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -webkit-touch-callout: none;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-
- white-space: nowrap;
- width: 100%;
- overflow: hidden;
- -webkit-transition: color 1s ease;
- -moz-transition: color 1s ease;
- -ms-transition: color 1s ease;
- -o-transition: color 1s ease;
- transition: color 1s ease;
+
+
}
.element:hover,
diff --git a/src/app/pages/module-grid/module-grid.component.html b/src/app/pages/module-grid/module-grid.component.html
index 3e5b8dd..e78f9ff 100644
--- a/src/app/pages/module-grid/module-grid.component.html
+++ b/src/app/pages/module-grid/module-grid.component.html
@@ -19,9 +19,7 @@
*ngFor="let userModule of userModules" class="col-md-4 md-whiteframe-4dp hvr-grow">
<div [style.background-image]="'url(' + userModule.pictureLink + ')'" style=" text-align: center; border-radius: 10px; width:100%; height:100%;">
<div class="title-footer">
- <h3 class="element underline-opening">
- <span>{{userModule.name}}</span>
- </h3>
+ <span class="element underline-opening">{{userModule.name}}</span>
</div>
</div>
</div>