kenmirrors/grocy
1
0
Fork 0
mirror of https://github.com/grocy/grocy.git synced 2025-08-20 12:20:22 +00:00
Code Issues Projects Releases Wiki Activity

629 Make ellipsis menu in stock overview more responsive (#633)

Browse Source 
* Make popup menues in table rows responsive

* Move "consum all" button to ellipsis menu on small devices
This commit is contained in:
Mik-
2020-03-21 15:52:51 +01:00
committed by GitHub
parent eb3c0f9397
commit 71b62d5708
4 changed files with 64 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
public/css/grocy.css
View File

@@ -225,6 +225,42 @@ input::-webkit-inner-spin-button {
display: none;
}
/* Stock overview table */
.table-inline-menu.dropdown-menu {
padding-left: 12px;
padding-right: 12px;
width: 96vw; /* Set width of popup menu to screen size */
}
/* Set width of popup menu to fixed value on larger devices */
@media (min-width: 400px) {
.table-inline-menu.dropdown-menu {
width: 400px;
}
}
.table-inline-menu .dropdown-item {
width: auto;
text-indent: -24px;
}
.table-inline-menu .dropdown-item .dropdown-item-icon {
min-width: 24px;
padding-left:20px;
text-align: center;
display: inline;
}
.table-inline-menu .dropdown-item .dropdown-item-text {
display: inline;
padding: 0;
word-wrap: break-word;
white-space: pre-wrap;
color: inherit;
}
/* Third party component customizations - Bootstrap */
/* Hide the form validation feedback icons introduced in Bootstrap 4.2.0 - a colored border is enough */