From 00a293feb509cfb48bb185e30667ab0e2d731152 Mon Sep 17 00:00:00 2001 From: Sam Wing Date: Sun, 17 Nov 2019 09:31:18 -0500 Subject: [PATCH] keep data-label --- static/css/main.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/static/css/main.css b/static/css/main.css index 0a0529d..6c4b2bd 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -24,7 +24,7 @@ ul.noStyle li { list-style-type: none; } -/* This is stolen from Buefy */ @media screen and (max-width: 768px) { +/* This is mostly stolen from Buefy */ @media screen and (max-width: 768px) { .table.has-mobile-cards thead { display: none } .table.has-mobile-cards tfoot th { border: 0; display: inherit } .table.has-mobile-cards tr { box-shadow: 0 2px 3px hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.1); max-width: 100%; position: relative; display: block } @@ -35,10 +35,10 @@ ul.noStyle li { .table.has-mobile-cards tr:not([class*=is-]):hover { background-color: inherit } .table.has-mobile-cards tr.detail { margin-top: -1rem } .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td { display: -ms-flexbox; display: flex; width: auto; -ms-flex-pack: end; justify-content: flex-end; text-align: right; border-bottom: 1px solid #f5f5f5 } - .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before { content: attr(data-label); font-weight: 600; margin-right: auto; padding-right: .5em; text-align: left } + .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before { content: attr(data-label); font-weight: 600; margin-right: auto; padding-right: .5em; text-align: left; word-break: keep-all; } } .ugc { white-space: pre-wrap; word-break: break-word; -} \ No newline at end of file +}