From ce0bbb3fd4329ac44bdf0e70473eeb061e6500b7 Mon Sep 17 00:00:00 2001 From: les Date: Thu, 4 Jun 2020 23:34:07 +0200 Subject: [PATCH] fix title overflow --- pages/event/_id.vue | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) diff --git a/pages/event/_id.vue b/pages/event/_id.vue index cb6fea84..7c26de48 100644 --- a/pages/event/_id.vue +++ b/pages/event/_id.vue @@ -310,11 +310,13 @@ export default { } .el-header { + height: 4em; position: sticky; - padding-top: 1em; + padding-top: .4em; top: 0px; border-bottom: 1px solid lightgray; z-index: 1; + overflow: hidden; } .embedDialog { @@ -359,13 +361,13 @@ export default { } .title { - max-width: 80%; - max-height: 0.1rem; - overflow: hidden; + display: table-cell; + padding-right: 3em; + height: 2.1em; font-size: 1.6rem; color: #404246; line-height: 1; - padding-right: 40px; + vertical-align: middle; } pre { @@ -444,8 +446,9 @@ export default { } .title { - font-size: 1em; - font-weight: bold; + font-size: 1.1em; + line-height: 1.4em; + color: black; } } }