aboutsummaryrefslogtreecommitdiffstats
path: root/pkgs
diff options
context:
space:
mode:
authorBenedikt Peetz <benedikt.peetz@b-peetz.de>2025-03-08 21:53:39 +0100
committerBenedikt Peetz <benedikt.peetz@b-peetz.de>2025-03-09 13:44:44 +0100
commit5c9e7d3f79c8b7d3842518db362e89c3ee417674 (patch)
treed5f4874d04d84036b09c5a58304b4149647c620b /pkgs
parentpkgs/back/README.md: Update to reflect current status (diff)
downloadnixos-server-5c9e7d3f79c8b7d3842518db362e89c3ee417674.zip
pkgs/back/assets/style.css: Format with prettier
Diffstat (limited to '')
-rw-r--r--pkgs/by-name/ba/back/assets/style.css192
1 files changed, 94 insertions, 98 deletions
diff --git a/pkgs/by-name/ba/back/assets/style.css b/pkgs/by-name/ba/back/assets/style.css
index b789f17..3cf4a00 100644
--- a/pkgs/by-name/ba/back/assets/style.css
+++ b/pkgs/by-name/ba/back/assets/style.css
@@ -17,9 +17,9 @@
* It was originally licensed under the MIT license.
*/
-input[type="text"],
-input[type="password"],
-textarea{
+input[type='text'],
+input[type='password'],
+textarea {
width: 100%;
padding: 0.5rem;
outline: none;
@@ -30,18 +30,18 @@ textarea{
margin-bottom: 1rem;
}
-textarea{
+textarea {
resize: vertical;
}
-input[type="submit"]{
+input[type='submit'] {
-webkit-appearance: none;
border: none;
cursor: pointer;
font-size: 1rem;
}
-input[type="submit"]{
+input[type='submit'] {
background-color: var(--success);
padding: 0.5rem;
text-decoration: none;
@@ -52,37 +52,35 @@ input[type="submit"]{
transition: box-shadow 0.15s ease-in-out;
}
-input[type="submit"]:hover{
- -moz-box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.08);
- -o-box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.08);
- -webkit-box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.08);
- -ms-box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.08);
- box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.08);
+input[type='submit']:hover {
+ -moz-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -o-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -webkit-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -ms-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
}
-input[type="submit"]:active,
-input[type="submit"]:focus{
- -moz-box-shadow: 0.1rem 0.1rem 0 0 rgba(0,0,0,0.05);
- -o-box-shadow: 0.1rem 0.1rem 0 0 rgba(0,0,0,0.05);
- -webkit-box-shadow: 0.1rem 0.1rem 0 0 rgba(0,0,0,0.05);
- -ms-box-shadow: 0.1rem 0.1rem 0 0 rgba(0,0,0,0.05);
- box-shadow: 0.1rem 0.1rem 0 0 rgba(0,0,0,0.05);
+input[type='submit']:active,
+input[type='submit']:focus {
+ -moz-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -o-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -webkit-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -ms-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
outline: none;
border: none;
}
-
-
-.form-link input[type="submit"]{
+.form-link input[type='submit'] {
background-color: initial;
color: inherit;
padding: 0;
text-decoration: underline;
}
-.form-link input[type="submit"]:hover,
-.form-link input[type="submit"]:active,
-.form-link input[type="submit"]:focus{
+.form-link input[type='submit']:hover,
+.form-link input[type='submit']:active,
+.form-link input[type='submit']:focus {
-moz-box-shadow: 0 0 0 0;
-o-box-shadow: 0 0 0 0;
-webkit-box-shadow: 0 0 0 0;
@@ -90,49 +88,49 @@ input[type="submit"]:focus{
box-shadow: 0 0 0 0;
}
-.form-group{
+.form-group {
margin-top: 1rem;
}
-label.checkbox{
+label.checkbox {
cursor: pointer;
}
-.issue-list{
+.issue-list {
list-style-type: none;
padding-left: 0;
}
-.issue-list .issue-subject{
+.issue-list .issue-subject {
font-weight: bold;
}
-.issue-list li{
+.issue-list li {
padding-bottom: 1rem;
}
-.issue-list li + li{
+.issue-list li + li {
border-top: 1px solid var(--gray);
}
-.issue-list a{
+.issue-list a {
text-decoration: none;
display: block;
}
-.issue-list a:hover{
+.issue-list a:hover {
outline: none;
}
-.issue-list a:hover .issue-subject{
+.issue-list a:hover .issue-subject {
color: var(--primary);
}
-.comment-count{
+.comment-count {
color: var(--gray);
}
-.issue-links{
+.issue-links {
display: flex;
flex-direction: row;
align-items: center;
@@ -140,9 +138,7 @@ label.checkbox{
flex-wrap: wrap;
}
-
-
-.issue-search input[type="search"]{
+.issue-search input[type='search'] {
padding: 0.5rem;
background-image: url('static/search.png');
background-position: 10px 10px;
@@ -152,13 +148,13 @@ label.checkbox{
border: 1px solid var(--gray);
}
-.issue-info{
+.issue-info {
display: flex;
justify-content: space-between;
align-items: center;
}
-.issue-info .edit-issue{
+.issue-info .edit-issue {
background-color: var(--success);
padding: 0.5rem;
text-decoration: none;
@@ -169,111 +165,111 @@ label.checkbox{
transition: box-shadow 0.15s ease-in-out;
}
-.issue-info .edit-issue:hover{
- -moz-box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.08);
- -o-box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.08);
- -webkit-box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.08);
- -ms-box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.08);
- box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.08);
+.issue-info .edit-issue:hover {
+ -moz-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -o-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -webkit-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -ms-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
}
.issue-info .edit-issue:active,
-.issue-info .edit-issue:focus{
- -moz-box-shadow: 0.1rem 0.1rem 0 0 rgba(0,0,0,0.05);
- -o-box-shadow: 0.1rem 0.1rem 0 0 rgba(0,0,0,0.05);
- -webkit-box-shadow: 0.1rem 0.1rem 0 0 rgba(0,0,0,0.05);
- -ms-box-shadow: 0.1rem 0.1rem 0 0 rgba(0,0,0,0.05);
- box-shadow: 0.1rem 0.1rem 0 0 rgba(0,0,0,0.05);
+.issue-info .edit-issue:focus {
+ -moz-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -o-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -webkit-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -ms-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
outline: none;
border: none;
}
-.issue-info .created-by-at{
+.issue-info .created-by-at {
flex: 1;
}
-.issue-info .edit-issue{
+.issue-info .edit-issue {
background-color: var(--light) -gray;
flex: 0;
margin-right: 0.5rem;
}
-.issue-info .close-issue{
+.issue-info .close-issue {
background-color: var(--failure);
}
-.issue-history{
+.issue-history {
list-style: none;
border-top: 1px solid var(--gray);
padding-top: 1rem;
padding-left: 2rem;
}
-.issue-history .comment-info{
+.issue-history .comment-info {
color: var(--gray);
margin: 0;
padding-top: 1rem;
}
-.issue-history .comment-info a{
+.issue-history .comment-info a {
text-decoration: none;
}
-.issue-history .comment-info a:hover{
+.issue-history .comment-info a:hover {
text-decoration: underline;
}
.issue-history .comment,
-.issue-history .event{
+.issue-history .event {
padding-top: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid var(--gray);
}
.issue-history .comment p,
-.issue-history .event p{
+.issue-history .event p {
margin: 0;
}
.issue-history .comment:target,
-.issue-history .event:target{
+.issue-history .event:target {
border-color: var(--primary);
border-bottom-width: 3px;
}
-.issue-history .event{
+.issue-history .event {
color: var(--gray);
}
-blockquote{
+blockquote {
border-left: 5px solid var(--light) -gray;
padding-left: 1rem;
margin-left: 0rem;
}
-pre{
+pre {
overflow-x: auto;
}
-body{
+body {
font-family: sans-serif;
color: var(--text);
background: var(--bg);
--text: rgb(24, 24, 24);
--bg: white;
- --gray: #8D8D8D;
+ --gray: #8d8d8d;
--primary: rgb(106, 154, 255);
--primary-light: rgb(150, 166, 200);
--success: rgb(168, 249, 166);
--failure: rgb(247, 167, 167);
- --light-gray: #EEE;
+ --light-gray: #eee;
}
-@media (prefers-color-scheme: dark){
- body{
+@media (prefers-color-scheme: dark) {
+ body {
--text: rgb(240, 240, 240);
--bg: black;
- --gray: #8D8D8D;
+ --gray: #8d8d8d;
--primary: rgb(106, 154, 255);
--primary-light: rgb(150, 166, 200);
--success: rgb(14, 130, 11);
@@ -282,54 +278,54 @@ body{
}
}
-a{
+a {
color: inherit;
}
-.content{
+.content {
max-width: 800px;
margin: 0 auto;
}
-header{
+header {
display: flex;
align-items: center;
border-bottom: 1px solid var(--text);
margin-bottom: 1rem;
}
-header h1{
+header h1 {
padding: 0;
flex: 1;
}
-header .issue-number{
+header .issue-number {
color: var(--gray);
font-size: 1.5rem;
}
-nav{
+nav {
display: flex;
color: var(--gray);
justify-content: space-between;
}
-nav .nav-group{
+nav .nav-group {
display: flex;
}
-nav .nav-group >*{
+nav .nav-group > * {
margin-left: 0.5rem;
}
-footer{
+footer {
border-top: 1px solid var(--gray);
padding-top: 1rem;
margin-top: 1rem;
color: var(--gray);
}
-.new-issue{
+.new-issue {
background-color: var(--success);
padding: 0.5rem;
text-decoration: none;
@@ -340,41 +336,41 @@ footer{
transition: box-shadow 0.15s ease-in-out;
}
-.new-issue:hover{
- -moz-box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.08);
- -o-box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.08);
- -webkit-box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.08);
- -ms-box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.08);
- box-shadow: 0.25rem 0.25rem 0 0 rgba(0,0,0,0.08);
+.new-issue:hover {
+ -moz-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -o-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -webkit-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ -ms-box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
+ box-shadow: 0.25rem 0.25rem 0 0 rgba(0, 0, 0, 0.08);
}
.new-issue:active,
-.new-issue:focus{
- -moz-box-shadow: 0.1rem 0.1rem 0 0 rgba(0,0,0,0.05);
- -o-box-shadow: 0.1rem 0.1rem 0 0 rgba(0,0,0,0.05);
- -webkit-box-shadow: 0.1rem 0.1rem 0 0 rgba(0,0,0,0.05);
- -ms-box-shadow: 0.1rem 0.1rem 0 0 rgba(0,0,0,0.05);
- box-shadow: 0.1rem 0.1rem 0 0 rgba(0,0,0,0.05);
+.new-issue:focus {
+ -moz-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -o-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -webkit-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ -ms-box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
+ box-shadow: 0.1rem 0.1rem 0 0 rgba(0, 0, 0, 0.05);
outline: none;
border: none;
}
-.alert{
+.alert {
padding: 0.5rem;
margin-bottom: 1rem;
background-color: var(--failure);
}
-.login-form{
+.login-form {
max-width: 300px;
margin: 0 auto;
}
-.created-by-at{
+.created-by-at {
color: var(--gray);
}
-.sr-only{
+.sr-only {
border: 0;
clip: rect(0 0 0 0);
height: 1px;