From 87ecd1009f52b213105b5f2c6b1708b6a00a18e9 Mon Sep 17 00:00:00 2001 From: Luna D Date: Tue, 30 Nov 2021 23:09:04 +0100 Subject: [PATCH] fix cell sizes --- assets/css/views/_staff.scss | 9 ++++++++- lib/philomena_web/templates/staff/index.html.slime | 4 ++-- 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/assets/css/views/_staff.scss b/assets/css/views/_staff.scss index d0d81628..6bf58d49 100644 --- a/assets/css/views/_staff.scss +++ b/assets/css/views/_staff.scss @@ -7,10 +7,12 @@ .staff-block__user-card { display: grid; - grid-template-columns: auto auto; + grid-template-columns: auto 8em; } .staff-block__user { + flex-grow: 1; + width: auto; padding: 1em; } @@ -35,3 +37,8 @@ .staff-block__category { margin-top: 1em; } + +.staff-block__user-description { + overflow: hidden; + text-overflow: ellipsis; +} diff --git a/lib/philomena_web/templates/staff/index.html.slime b/lib/philomena_web/templates/staff/index.html.slime index 069a8c61..64e43a2a 100644 --- a/lib/philomena_web/templates/staff/index.html.slime +++ b/lib/philomena_web/templates/staff/index.html.slime @@ -33,7 +33,7 @@ h1 Staff .staff-block__grid = for user <- users do - .block.flex.flex__grow + .block.flex.flex--column .block__content.staff-block__user .staff-block__user-card .staff-block__avatar @@ -46,4 +46,4 @@ h1 Staff i.fa.fa-envelope> ' Send PM hr.staff-block__separator - p = staff_description(user) + p.staff-block__user-description = staff_description(user)