Use CSS to layout applicative forms more nicely on the pages

This commit is contained in:
Jason Harrer 2019-07-27 00:05:04 +00:00
parent 966e942c41
commit 8f268b17a3
26 changed files with 70 additions and 26 deletions

View file

@ -53,8 +53,26 @@ h6
color: #{dark yellow} color: #{dark yellow}
font: bold 80% monospace font: bold 80% monospace
.required, .optional, .submit
display: grid
grid-gap: 0px 10px
grid-template-columns: 150px 300px
padding: 10px
label
display: inline-grid
width: 100%
text-align: right
input:not[type="submit"], select, textarea
display: inline-grid
width: 100%
input[type="submit"] input[type="submit"]
display: inline-grid
width: 50%
padding: 0.618em padding: 0.618em
grid-column-start: 2
border: none border: none
border-radius: 0.618em border-radius: 0.618em

View file

@ -16,4 +16,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{replyP midParent} enctype=#{enctype}> <form method=POST action=@{replyP midParent} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{replyP} enctype=#{enctype}> <form method=POST action=@{replyP} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{GroupMembersR shar} enctype=#{enctype}> <form method=POST action=@{GroupMembersR shar} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{GroupsR} enctype=#{enctype}> <form method=POST action=@{GroupsR} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -16,4 +16,5 @@ Enter the details and click "Submit" to add a new SSH key.
<form method=POST action=@{KeysR} enctype=#{enctype}> <form method=POST action=@{KeysR} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -16,4 +16,5 @@ Enter your details and click on "Submit" to create a new user account.
<form method=POST action=@{PeopleR} enctype=#{enctype}> <form method=POST action=@{PeopleR} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -14,7 +14,8 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{NotificationsR shr} enctype=#{enctypeAll}> <form method=POST action=@{NotificationsR shr} enctype=#{enctypeAll}>
^{widgetAll} ^{widgetAll}
<input type=submit value="Mark all as read"> <div class="submit">
<input type="submit" value="Mark all as read">
<div> <div>
$forall ((obj, (time, isRemote)), widget, enctype) <- notifications $forall ((obj, (time, isRemote)), widget, enctype) <- notifications
@ -34,6 +35,7 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{NotificationsR shr} enctype=#{enctype}> <form method=POST action=@{NotificationsR shr} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit value="Mark as read"> <div class="submit">
<input type="submit" value="Mark as read">
<hr> <hr>

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{ProjectDevsR shr rp} enctype=#{enctype}> <form method=POST action=@{ProjectDevsR shr rp} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -15,4 +15,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{ProjectR shr prj} enctype=#{enctype}> <form method=POST action=@{ProjectR shr prj} enctype=#{enctype}>
<input type=hidden name=_method value=PUT> <input type=hidden name=_method value=PUT>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{ProjectsR shr} enctype=#{enctype}> <form method=POST action=@{ProjectsR shr} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{ProjectRolesR shr} enctype=#{enctype}> <form method=POST action=@{ProjectRolesR shr} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{ProjectRoleOpsR shr rl} enctype=#{enctype}> <form method=POST action=@{ProjectRoleOpsR shr rl} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{RepoDevsR shr rp} enctype=#{enctype}> <form method=POST action=@{RepoDevsR shr rp} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -15,4 +15,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{RepoR shr rp} enctype=#{enctype}> <form method=POST action=@{RepoR shr rp} enctype=#{enctype}>
<input type=hidden name=_method value=PUT> <input type=hidden name=_method value=PUT>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{ReposR user} enctype=#{enctype}> <form method=POST action=@{ReposR user} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{TicketAssignR shr prj num} enctype=#{enctype}> <form method=POST action=@{TicketAssignR shr prj num} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{ClaimRequestsTicketR shr prj num} enctype=#{etype}> <form method=POST action=@{ClaimRequestsTicketR shr prj num} enctype=#{etype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{TicketDepsR shr prj num} enctype=#{enctype}> <form method=POST action=@{TicketDepsR shr prj num} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -15,4 +15,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=POST action=@{TicketR shar proj num} enctype=#{enctype}> <form method=POST action=@{TicketR shar proj num} enctype=#{enctype}>
<input type=hidden name=_method value=PUT> <input type=hidden name=_method value=PUT>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -20,6 +20,7 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method=GET action=@{TicketsR shr prj} enctype=#{filtEnctype}> <form method=GET action=@{TicketsR shr prj} enctype=#{filtEnctype}>
^{filtWidget} ^{filtWidget}
<div class="submit">
<input type="submit" value="Filter"> <input type="submit" value="Filter">
<ul> <ul>

View file

@ -16,4 +16,5 @@ Enter the details and click "Submit" to create a new ticket.
<form method=POST action=@{TicketsR shr prj} enctype=#{enctype}> <form method=POST action=@{TicketsR shr prj} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method="POST" action=@{WorkflowEnumCtorsR shr wfl enm} enctype=#{etype}> <form method="POST" action=@{WorkflowEnumCtorsR shr wfl enm} enctype=#{etype}>
^{widget} ^{widget}
<div class="submit">
<input type="submit"> <input type="submit">

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method="POST" action=@{WorkflowEnumsR shr wfl} enctype=#{enctype}> <form method="POST" action=@{WorkflowEnumsR shr wfl} enctype=#{enctype}>
^{widget} ^{widget}
<div class="submit">
<input type="submit"> <input type="submit">

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method="POST" action=@{WorkflowFieldsR shr wfl} enctype=#{enctype}> <form method="POST" action=@{WorkflowFieldsR shr wfl} enctype=#{enctype}>
^{widget} ^{widget}
<div class="submit">
<input type="submit"> <input type="submit">

View file

@ -14,4 +14,5 @@ $# <http://creativecommons.org/publicdomain/zero/1.0/>.
<form method="POST" action=@{WorkflowsR shr} enctype=#{enctype}> <form method="POST" action=@{WorkflowsR shr} enctype=#{enctype}>
^{widget} ^{widget}
<input type=submit> <div class="submit">
<input type="submit">