castopod/app/Views/_assets/styles/radioBtn.css
Yassine Doghri 2d44b457a0 feat: enhance admin ui with responsive design and ux improvements
- add podcast sidebar navigation
- add podcast dashboard with latest episodes
- add pagination to podcast episodes
- add components helper to reuse ui components (button, data_table, etc.)
- enhance podcast and episode forms by splitting them into form sections
- add hint tooltips to podcast and episode forms
- transform radio inputs as buttons for better ux
- replace explicit field by parental_advisory
- replace author field by publisher
- add podcasts_categories table to set multiple categories
- use choices.js to enhance multiselect fields
- update Language files
- update js dependencies to latest versions

closes #31, #9
2020-10-15 14:41:56 +00:00

25 lines
400 B
CSS

.form-radio-btn {
@apply absolute opacity-0;
}
.form-radio-btn:focus + label {
@apply shadow-outline;
}
.form-radio-btn + label {
@apply px-2 py-1 text-sm text-black bg-white border rounded cursor-pointer;
&:hover {
@apply bg-green-100;
}
}
.form-radio-btn:checked + label {
@apply text-white bg-green-500;
&::before {
@apply mr-2 text-green-200;
content: "✓";
}
}