TheArchive/zitadel
1
0
Fork 0
mirror of https://github.com/zitadel/zitadel.git synced 2025-03-01 00:27:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(console): application grid overflow (#3744)

Browse Source 
* fix: use css grid instead of flex

* ellipsis overflow

Co-authored-by: Fabi <38692350+hifabienne@users.noreply.github.com>
This commit is contained in:
Max Peintner 2022-05-31 17:03:41 +02:00 committed by GitHub
parent ed36680ea1
commit f6193c70ac
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
console/src/app/pages/projects/owned-projects/owned-project-detail/application-grid/application-grid.component.scss
View File

@ -16,9 +16,9 @@
} }
.app-container { .app-container {
display: flex; display: grid;
flex-wrap: wrap; grid-template-columns: repeat(auto-fit, 120px);
margin-left: -1rem; grid-auto-rows: auto;
padding-bottom: 2rem; padding-bottom: 2rem;
.sp-container { .sp-container {
@ -34,7 +34,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
max-width: 150px;
.grid-card { .grid-card {
cursor: pointer; cursor: pointer;
@ -54,11 +53,19 @@
.name { .name {
font-size: 14px; font-size: 14px;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
} }
.type { .type {
font-size: 12px; font-size: 12px;
color: #8a868a; color: #8a868a;
text-align: center;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
} }
} }
} }