ORGANISATION-KA-INTERNATIONALE/kaubuntu.re
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix tag color on hover

Browse Source
This commit is contained in:
Cédric Famibelle-Pronzola
2025-04-10 19:07:16 +04:00
parent 0e004261c3
commit 1e353806b7
1 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/video-page.css
+27 -27
View File
@@ -468,7 +468,7 @@
.tag:hover { .tag:hover {
background-color: #e0e0e0; background-color: #e0e0e0;
color: var(--primary-red); color: white;
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} }
@@ -886,26 +886,26 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.video-content { .video-content {
grid-column: 1; grid-column: 1;
width: 100%; width: 100%;
order: 2; order: 2;
} }
.video-suggestions { .video-suggestions {
grid-column: 1; grid-column: 1;
margin-top: 20px; margin-top: 20px;
width: 100%; width: 100%;
order: 3; order: 3;
} }
.suggestion-list { .suggestion-list {
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
gap: 15px; gap: 15px;
} }
.video-player-container { .video-player-container {
max-width: 100%; max-width: 100%;
width: 100%; width: 100%;
@@ -917,36 +917,36 @@
.video-player-container { .video-player-container {
margin-bottom: 15px; margin-bottom: 15px;
} }
.video-player { .video-player {
border-radius: 0; border-radius: 0;
} }
.video-player iframe { .video-player iframe {
border-radius: 0; border-radius: 0;
} }
.video-info { .video-info {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
} }
.video-metadata { .video-metadata {
width: 100%; width: 100%;
margin-bottom: 10px; margin-bottom: 10px;
} }
.video-actions { .video-actions {
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
} }
.action-button { .action-button {
padding: 0.5rem; padding: 0.5rem;
min-width: 70px; min-width: 70px;
} }
.suggestion-list { .suggestion-list {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
@@ -957,61 +957,61 @@
grid-template-columns: 1fr; grid-template-columns: 1fr;
padding: 0; padding: 0;
} }
.video-player-container { .video-player-container {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.video-content, .video-content,
.video-suggestions { .video-suggestions {
padding: 1rem; padding: 1rem;
} }
.video-title { .video-title {
font-size: 1.25rem; font-size: 1.25rem;
} }
.video-actions { .video-actions {
justify-content: flex-start; justify-content: flex-start;
} }
.action-button { .action-button {
padding: 0.4rem 0.6rem; padding: 0.4rem 0.6rem;
min-width: auto; min-width: auto;
gap: 0.3rem; gap: 0.3rem;
} }
.video-views, .video-date { .video-views, .video-date {
font-size: 0.75rem; font-size: 0.75rem;
} }
.comment { .comment {
flex-direction: column; flex-direction: column;
} }
.comment-avatar { .comment-avatar {
margin-bottom: 0.75rem; margin-bottom: 0.75rem;
} }
.suggested-video { .suggested-video {
flex-direction: column; flex-direction: column;
} }
.suggested-video-thumbnail { .suggested-video-thumbnail {
width: 100%; width: 100%;
} }
.suggested-video-title { .suggested-video-title {
font-size: 0.9375rem; font-size: 0.9375rem;
} }
/* Licence responsive */ /* Licence responsive */
.licence-info { .licence-info {
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
gap: 0.5rem; gap: 0.5rem;
} }
.licence-logo { .licence-logo {
height: 28px; height: 28px;
} }
@@ -1215,7 +1215,7 @@
.modal-content { .modal-content {
max-width: 100%; max-width: 100%;
} }
.download-option { .download-option {
padding: 10px; padding: 10px;
} }