1
0
mirror of https://github.com/jhillyerd/inbucket.git synced 2025-12-19 02:27:03 +00:00

Merge branch 'feature/padding' into develop

This commit is contained in:
James Hillyerd
2020-03-22 22:10:54 -07:00
4 changed files with 30 additions and 11 deletions

View File

@@ -1,3 +1,5 @@
dist: bionic
env: env:
global: global:
- GO111MODULE=on - GO111MODULE=on
@@ -16,7 +18,7 @@ jobs:
elm: "latest-0.19.1" elm: "latest-0.19.1"
elm-format: "latest-0.19.1" elm-format: "latest-0.19.1"
elm-test: "latest-0.19.1" elm-test: "latest-0.19.1"
node_js: '10.19' node_js: "10.16.0"
install: install:
- "cd ui" - "cd ui"
- "npm ci" - "npm ci"

View File

@@ -69,7 +69,8 @@
grid-gap: 1px 20px; grid-gap: 1px 20px;
grid: grid:
"ctrl mesg" auto "ctrl mesg" auto
"list mesg" 1fr / minmax(200px, 300px) minmax(650px, 1000px); "list mesg" 1fr
/ minmax(200px, 300px) minmax(650px, auto);
height: 100%; height: 100%;
} }

View File

@@ -116,23 +116,29 @@ a.button {
justify-content: center; justify-content: center;
grid-gap: 20px; grid-gap: 20px;
grid-template: grid-template:
"lpad head rpad" auto "head head head" auto
"lpad page rpad" 1fr "lpad page rpad" 1fr
"foot foot foot" auto / minmax(20px, auto) 1fr minmax(20px, auto); "foot foot foot" auto / 1px 1fr 1px;
height: 100vh; height: auto;
} }
@media (max-width: 999px) { .desktop {
display: none;
}
@media screen and (min-width: 1000px) {
.app { .app {
grid-column-gap: 40px;
grid-template: grid-template:
"head head head" auto "lpad head rpad" auto
"lpad page rpad" 1fr "lpad page rpad" 1fr
"foot foot foot" auto / 1px 1fr 1px; "foot foot foot" auto
height: auto; / 1fr minmax(auto, 1300px) 1fr;
height: 100vh;
} }
.desktop { td.desktop, th.desktop {
display: none; display: table-cell;
} }
} }

View File

@@ -50,6 +50,12 @@
padding: 12px 15px; padding: 12px 15px;
} }
.navbar-dropdown {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.navbar-dropdown-button { .navbar-dropdown-button {
display: none; display: none;
} }
@@ -71,6 +77,9 @@ li.navbar-active span,
.navbar-dropdown-content a { .navbar-dropdown-content a {
color: var(--navbar-color) !important; color: var(--navbar-color) !important;
display: block; display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.navbar-dropdown-content a:hover { .navbar-dropdown-content a:hover {
@@ -139,6 +148,7 @@ li.navbar-active span,
.navbar-dropdown { .navbar-dropdown {
padding: 15px 19px 15px 25px; padding: 15px 19px 15px 25px;
max-width: 350px;
} }
.navbar-dropdown-button { .navbar-dropdown-button {