alps theme: unify create/update styles

This commit is contained in:
Drew DeVault 2020-05-20 13:40:53 -04:00 committed by Simon Ser
parent 024cab94f1
commit 7fb2b65eaa
No known key found for this signature in database
GPG key ID: 0FDE7BE0E88F5E48
4 changed files with 23 additions and 42 deletions

View file

@ -157,39 +157,24 @@ aside a.new.active {
} }
aside a.new.active, aside a.new.active,
main.compose, main.create-update {
main.new-contact,
main.new-event {
background-color: #f6fff6; background-color: #f6fff6;
} }
main.compose, main.create-update { flex: 1 auto; padding: 1rem; }
main.new-contact, main.create-update form { flex: 1 auto; display: flex; flex-direction: column; }
main.new-event{ flex: 1 auto; padding: 1rem; } main.create-update form label { margin-top: 5px; }
main.compose form,
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,
main.new-event form label{ margin-top: 5px; }
main.compose form label span,
/* TODO: CSS grid this */ /* TODO: CSS grid this */
main.new-contact form label span, main.create-update form label span {
main.new-event form label span { display: inline-block; font-weight: bold; min-width: 150px; } display: inline-block;
font-weight: bold;
min-width: 150px;
}
main.compose form input, main.create-update form input { width: 80%; }
main.new-contact form input, main.create-update form textarea { flex: 1 auto; resize: none; margin-top: 1rem; }
main.new-event form input { width: 80%; } main.create-update h1 { margin: 0; }
main.compose form textarea,
main.new-contact form textarea,
main.new-event form textarea { flex: 1 auto; resize: none; margin-top: 1rem; }
main.compose h1,
main.new-event h1 { margin: 0; }
main table { border-collapse: collapse; width: 100%; border: 1px solid #eee; } main table { border-collapse: collapse; width: 100%; border: 1px solid #eee; }
main table td { white-space: nowrap; padding: 0.3rem; color: #757373; main table td { white-space: nowrap; padding: 0.3rem; color: #757373;
@ -246,9 +231,7 @@ main.contact dl {
grid-gap: 1rem; grid-gap: 1rem;
} }
main.compose .actions, main.create-update .actions {
main.new-contact .actions
main.new-event .actions {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -257,19 +240,13 @@ main.new-event .actions {
margin-top: 0.3rem; margin-top: 0.3rem;
} }
main.compose .actions button, main.create-update .actions button,
main.compose .actions .button-link, main.create-update .actions .button-link {
main.new-contact .actions button,
main.new-contact .actions .button-link,
main.new-event .actions button,
main.new-event .actions .button-link {
padding: 0.4rem 1rem 0.35rem; padding: 0.4rem 1rem 0.35rem;
font-weight: bold; font-weight: bold;
} }
main.compose .actions > *:not(:last-child), main.create-update .actions > *:not(:last-child) {
main.new-contact .actions > *:not(:last-child),
main.new-event .actions > *:not(:last-child) {
margin-right: 1rem; margin-right: 1rem;
} }

View file

@ -15,7 +15,7 @@
</aside> </aside>
<div class="container"> <div class="container">
<main class="compose"> <main class="create-update">
<form method="post" action="" enctype="multipart/form-data"> <form method="post" action="" enctype="multipart/form-data">
<input type="hidden" name="in_reply_to" value="{{.Message.InReplyTo}}"> <input type="hidden" name="in_reply_to" value="{{.Message.InReplyTo}}">

View file

@ -10,7 +10,7 @@
</aside> </aside>
<div class="container"> <div class="container">
<main class="new-contact"> <main class="create-update">
<form method="post"> <form method="post">
<h2> <h2>
{{if .Card}}Edit{{else}}Create{{end}} contact {{if .Card}}Edit{{else}}Create{{end}} contact

View file

@ -10,7 +10,11 @@
</aside> </aside>
<div class="container"> <div class="container">
<main class="new-event"> <main class="create-update">
<h2>
{{if .CalendarObject}}Edit{{else}}Create{{end}} event
</h2>
<form method="post"> <form method="post">
<label> <label>
<span>Event name</span> <span>Event name</span>