thayol/todo-php
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added category pinning

Browse Source
This commit is contained in:
Thayol
2021-07-07 23:04:25 +02:00
parent a2a5c55d80
commit 8acc8bc44e
3 changed files with 96 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/main-category.html
+9 -1
View File
@@ -1,4 +1,12 @@
<div class="todo-category" id="todo-category-{{ MAIN_CATEGORY_ID }}">
<h3>{{ MAIN_CATEGORY_TITLE }}</h3>
<h3>
{{ MAIN_CATEGORY_TITLE }}
<form style="float: right;" class="{{ MAIN_CATEGORY_EXTRA_PIN_BUTTON_CLASS }}" action="./" method="POST">
<input type="hidden" name="action" value="pin" />
<input type="hidden" name="category_name" value="{{ MAIN_CATEGORY_ID }}" />
<input type="submit" value="{{ MAIN_CATEGORY_PIN_OR_UNPIN }}" class="todo-button" />
</form>
</h3>
{{ MAIN_CATEGORY_ITEMS }}
</div>
templates/style.css
+13 -3
View File
@@ -1,3 +1,7 @@
* {
box-sizing: border-box;
}
html {
font-family: 'Roboto', sans-serif;
background-color: #111111;
@@ -43,7 +47,7 @@ h3 {
padding: 0;
display: inline-block;
}
.todo-item form input, .navbar-form input {
.todo-item form input, .navbar-form input, .todo-button {
border: 2px solid #333333;
padding: 5px;
margin: 0;
@@ -51,12 +55,15 @@ h3 {
color: white;
border-radius: 4px;
}
.todo-item form input:focus, .navbar-form input:focus {
.todo-item form input:focus, .navbar-form input:focus, .todo-button:focus {
outline: none;
}
.todo-item form input:active, .navbar-form input:active {
.todo-item form input:active, .navbar-form input:active, .todo-button:active {
background-color: #222222;
}
.todo-button {
margin: -5px;
}
summary, details[open] {
padding: 0.5em;
@@ -117,6 +124,9 @@ summary:focus {
.navbar {
text-align: right;
}
.hidden {
display: none;
}