matous-volf/todo-baggins
matous-volf/todo-baggins
1
0
Fork 0
Code Issues 23 Pull Requests Actions Projects 1 Activity

feat: ability to view tasks in a category #19

Merged
matous-volf merged 15 commits from feat/tasks-in-category-list into main 2024-09-06 06:07:35 +00:00
Conversation 10 Commits 15 Files Changed 45 +20 -20
2 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 528bf19541 - Show all commits

6
assets/styles/input_number_arrows.css
View File

@ -1,10 +1,10 @@
input::-webkit-outer-spin-button, input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { input::-webkit-inner-spin-button {
display: none; display: none;
-webkit-appearance: none; appearance: none;
margin: 0; margin: 0;
} }
input[type=number] { input[type="number"] {
-moz-appearance:textfield; appearance:textfield;
} }

34
assets/styles/input_range.css
View File

@ -1,63 +1,63 @@
input[type=range], input[type="range"],
input[type=range]::-webkit-slider-runnable-track, input[type="range"]::-webkit-slider-runnable-track,
input[type=range]::-webkit-slider-thumb { input[type="range"]::-webkit-slider-thumb {
appearance: none; appearance: none;
} }
input[type=range] { input[type="range"] {
background: transparent; background: transparent;
} }
input[type=range]::-moz-range-thumb { input[type="range"]::-moz-range-thumb {
width: 1.25rem; width: 1.25rem;
height: 1.25rem; height: 1.25rem;
background: rgba(228, 228, 231); background: rgba(228 228 231);
border: 0; border: 0;
border-radius: 0.5rem; border-radius: 0.5rem;
} }
input[type=range]::-moz-range-progress { input[type="range"]::-moz-range-progress {
background: #525259; background: #525259;
height: 0.5rem; height: 0.5rem;
border-radius: 0.25rem; border-radius: 0.25rem;
} }
input[type=range]::-moz-range-track { input[type="range"]::-moz-range-track {
background: rgba(39, 39, 42, 0.5); background: rgba(39 39 42 / 50%);
height: 0.5rem; height: 0.5rem;
border-radius: 0.25rem; border-radius: 0.25rem;
} }
input[type=range].input-range-reverse::-moz-range-progress { input[type="range"].input-range-reverse::-moz-range-progress {
background: #2d2d31; background: #2d2d31;
height: 0.5rem; height: 0.5rem;
border-radius: 0.25rem; border-radius: 0.25rem;
} }
input[type=range].input-range-reverse::-moz-range-track { input[type="range"].input-range-reverse::-moz-range-track {
background: rgba(113, 113, 122, 0.5); background: rgba(113, 113, 122, 0.5);
height: 0.5rem; height: 0.5rem;
border-radius: 0.25rem; border-radius: 0.25rem;
} }
input[type=range]::-webkit-slider-thumb { input[type="range"]::-webkit-slider-thumb {
width: 1.25rem; width: 1.25rem;
height: 1.25rem; height: 1.25rem;
background: rgba(228, 228, 231); background: rgba(228 228 231);
border: 0; border: 0;
border-radius: 0.5rem; border-radius: 0.5rem;
position: relative; position: relative;
top: -0.4rem; top: -0.4rem;
} }
input[type=range]::-webkit-slider-runnable-track { input[type="range"]::-webkit-slider-runnable-track {
background: rgba(39, 39, 42, 0.5); background: rgba(39 39 42 / 50%);
height: 0.5rem; height: 0.5rem;
border-radius: 0.25rem; border-radius: 0.25rem;
} }
input[type=range].input-range-reverse::-webkit-slider-runnable-track { input[type="range"].input-range-reverse::-webkit-slider-runnable-track {
background: rgba(39, 39, 42, 0.5); background: rgba(39 39 42 / 50%);
height: 0.5rem; height: 0.5rem;
border-radius: 0.25rem; border-radius: 0.25rem;
} }
coderabbitai[bot] commented 2024-09-06 05:50:36 +00:00 (Migrated from github.com)
Review
Copy Link

Styling for Input Range is Well-Implemented

The CSS for the input range elements is well-implemented with attention to cross-browser compatibility and modern design standards. The use of vendor-specific pseudo-elements like ::-webkit-slider-thumb and ::-moz-range-thumb ensures that the styles are applied correctly across different browsers. The use of RGBA for colors and rem units for dimensions enhances the responsiveness and aesthetic of the sliders.

Consider adding comments to the CSS to explain the purpose of specific styles, especially for complex selectors or unusual styles, to improve maintainability.

**Styling for Input Range is Well-Implemented** The CSS for the input range elements is well-implemented with attention to cross-browser compatibility and modern design standards. The use of vendor-specific pseudo-elements like `::-webkit-slider-thumb` and `::-moz-range-thumb` ensures that the styles are applied correctly across different browsers. The use of RGBA for colors and rem units for dimensions enhances the responsiveness and aesthetic of the sliders. Consider adding comments to the CSS to explain the purpose of specific styles, especially for complex selectors or unusual styles, to improve maintainability. <!-- This is an auto-generated comment by CodeRabbit -->