From 024cab94f16e3615ac8718743af2d417b8e46a81 Mon Sep 17 00:00:00 2001 From: Drew DeVault Date: Wed, 20 May 2020 13:40:52 -0400 Subject: alps theme: add layout for calendar event update --- themes/alps/assets/style.css | 34 +++++++++++++++++++++++----------- 1 file changed, 23 insertions(+), 11 deletions(-) (limited to 'themes/alps/assets') diff --git a/themes/alps/assets/style.css b/themes/alps/assets/style.css index 5225b9d..789e04c 100644 --- a/themes/alps/assets/style.css +++ b/themes/alps/assets/style.css @@ -158,30 +158,38 @@ aside a.new.active { aside a.new.active, main.compose, -main.new-contact { +main.new-contact, +main.new-event { background-color: #f6fff6; } main.compose, -main.new-contact { flex: 1 auto; padding: 1rem; } +main.new-contact, +main.new-event{ flex: 1 auto; padding: 1rem; } main.compose form, -main.new-contact form { flex: 1 auto; display: flex; flex-direction: column; } +main.new-contact form, +main.new-event form{ flex: 1 auto; display: flex; flex-direction: column; } main.compose form label, -main.new-contact form label { margin-top: 5px; } +main.new-contact form label, +main.new-event form label{ margin-top: 5px; } main.compose form label span, /* TODO: CSS grid this */ -main.new-contact form label span { display: inline-block; font-weight: bold; min-width: 150px; } +main.new-contact form label span, +main.new-event form label span { display: inline-block; font-weight: bold; min-width: 150px; } main.compose form input, -main.new-contact form input { width: 80%; } +main.new-contact form input, +main.new-event form input { width: 80%; } main.compose form textarea, -main.new-contact form textarea { flex: 1 auto; resize: none; margin-top: 1rem; } +main.new-contact form textarea, +main.new-event form textarea { flex: 1 auto; resize: none; margin-top: 1rem; } -main.compose h1 { margin: 0; } +main.compose h1, +main.new-event h1 { margin: 0; } main table { border-collapse: collapse; width: 100%; border: 1px solid #eee; } main table td { white-space: nowrap; padding: 0.3rem; color: #757373; @@ -239,7 +247,8 @@ main.contact dl { } main.compose .actions, -main.new-contact .actions { +main.new-contact .actions +main.new-event .actions { display: flex; flex-direction: row; align-items: center; @@ -251,13 +260,16 @@ main.new-contact .actions { main.compose .actions button, main.compose .actions .button-link, main.new-contact .actions button, -main.new-contact .actions .button-link { +main.new-contact .actions .button-link, +main.new-event .actions button, +main.new-event .actions .button-link { padding: 0.4rem 1rem 0.35rem; font-weight: bold; } main.compose .actions > *:not(:last-child), -main.new-contact .actions > *:not(:last-child) { +main.new-contact .actions > *:not(:last-child), +main.new-event .actions > *:not(:last-child) { margin-right: 1rem; } -- cgit v1.2.3