me/parandum
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] long set/test names going off page

Browse Source
This commit is contained in:
Matthew Grove
2021-09-12 13:00:47 +01:00
parent 6be3b4f372
commit 054946597c
1 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/css/App.css
View File

@@ -196,6 +196,8 @@ input[type=text]:focus {
.page-header > h1 { .page-header > h1 {
margin: 0; margin: 0;
word-wrap: break-word;
word-break: break-all;
} }
.page-header > h2 { .page-header > h2 {
@@ -203,6 +205,8 @@ input[type=text]:focus {
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
word-wrap: break-word;
word-break: break-all;
} }
.page-header > .button { .page-header > .button {
@@ -243,6 +247,8 @@ label > span:last-child, label > a:last-child {
label > a { label > a {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
word-wrap: break-word;
word-break: break-all;
} }
label, p, input[type=text], main > span, main div > span { label, p, input[type=text], main > span, main div > span {
@@ -325,9 +331,7 @@ label, p, input[type=text], main > span, main div > span {
.progress-history-container { .progress-history-container {
display: table; display: table;
table-layout: auto; table-layout: auto;
column-gap: 10px;
width: 100%; width: 100%;
row-gap: 8px;
margin-bottom: 10px; margin-bottom: 10px;
} }
@@ -342,4 +346,16 @@ label, p, input[type=text], main > span, main div > span {
padding-bottom: 2px; padding-bottom: 2px;
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
border-left: 8px solid transparent;
}
.progress-history-container > div > *:first-child {
border-left: 0;
word-break: break-all;
}
@media screen and (max-width: 420px) {
.progress-history-container > div > *:nth-child(2), .progress-history-container > div > *:nth-last-child(3) {
display: none;
}
} }