CopyBot/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2025-11-08 08:28:54 -05:00
Code Issues Packages Projects Releases Wiki Activity

chore: Run prettier for css files

Browse Source
This commit is contained in:
Yiannis Christodoulou 2025-09-18 10:30:48 +03:00
parent da322760c7
commit 492911786c
4 changed files with 2348 additions and 1178 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1338
frontend-tools/video-js/src/VideoJS.css
View File

File diff suppressed because it is too large Load Diff

2099
frontend-tools/video-js/src/assets/css/mediacms-player.css
View File

File diff suppressed because it is too large Load Diff

43
frontend-tools/video-js/src/components/overlays/AutoplayCountdownOverlay.css
View File

@ -40,7 +40,7 @@
} }
.autoplay-countdown-content::before { .autoplay-countdown-content::before {
content: ''; content: "";
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -50,7 +50,7 @@
} }
.autoplay-countdown-content::after { .autoplay-countdown-content::after {
content: ''; content: "";
position: absolute; position: absolute;
top: -50%; top: -50%;
left: -50%; left: -50%;
@ -62,7 +62,8 @@
} }
@keyframes backgroundPulse { @keyframes backgroundPulse {
0%, 100% { 0%,
100% {
opacity: 0.3; opacity: 0.3;
transform: scale(1); transform: scale(1);
} }
@ -85,11 +86,10 @@
line-height: 1.3; line-height: 1.3;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
} }
.autoplay-countdown-header h3 span{ .autoplay-countdown-header h3 span {
font-weight:700; font-weight: 700;
} }
.autoplay-countdown-video-info { .autoplay-countdown-video-info {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -98,7 +98,7 @@
text-align: center; text-align: center;
position: relative; position: relative;
z-index: 2; z-index: 2;
margin:0 0 50px; margin: 0 0 50px;
} }
.next-video-thumbnail { .next-video-thumbnail {
@ -113,7 +113,9 @@
0 12px 32px rgba(0, 0, 0, 0.4), 0 12px 32px rgba(0, 0, 0, 0.4),
0 4px 16px rgba(0, 0, 0, 0.2); 0 4px 16px rgba(0, 0, 0, 0.2);
border: 2px solid rgba(255, 255, 255, 0.1); border: 2px solid rgba(255, 255, 255, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease; transition:
transform 0.3s ease,
box-shadow 0.3s ease;
} }
.next-video-thumbnail:hover { .next-video-thumbnail:hover {
@ -173,8 +175,8 @@
.next-video-title { .next-video-title {
color: #999; color: #999;
font-size:18px; font-size: 18px;
font-weight:500; font-weight: 500;
margin: 0 0; margin: 0 0;
line-height: 1.4; line-height: 1.4;
overflow: hidden; overflow: hidden;
@ -237,7 +239,9 @@ button.autoplay-cancel-button {
letter-spacing: 0.3px; letter-spacing: 0.3px;
line-height: 1; line-height: 1;
white-space: nowrap; white-space: nowrap;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow:
0 6px 20px rgba(0, 0, 0, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.1);
text-align: center; text-align: center;
} }
@ -248,7 +252,7 @@ button.autoplay-play-button {
} }
.autoplay-play-button::before { .autoplay-play-button::before {
content: ''; content: "";
position: absolute; position: absolute;
top: 0; top: 0;
left: -100%; left: -100%;
@ -261,7 +265,9 @@ button.autoplay-play-button {
.autoplay-play-button:hover { .autoplay-play-button:hover {
background: linear-gradient(135deg, #ff1a1a, #cc0000); background: linear-gradient(135deg, #ff1a1a, #cc0000);
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(255, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow:
0 8px 25px rgba(255, 0, 0, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.3);
} }
.autoplay-play-button:hover::before { .autoplay-play-button:hover::before {
@ -299,7 +305,6 @@ button.autoplay-play-button {
inset 0 1px 0 rgba(255, 255, 255, 0.1); inset 0 1px 0 rgba(255, 255, 255, 0.1);
} }
.autoplay-play-button svg, .autoplay-play-button svg,
.autoplay-cancel-button svg { .autoplay-cancel-button svg {
width: 18px; width: 18px;
@ -401,7 +406,7 @@ button.autoplay-play-button {
/* Responsive design */ /* Responsive design */
@media (max-width: 767px) { @media (max-width: 767px) {
.autoplay-countdown-video-info { .autoplay-countdown-video-info {
margin-bottom:20px; margin-bottom: 20px;
} }
.autoplay-countdown-content { .autoplay-countdown-content {
padding: 24px; padding: 24px;
@ -505,7 +510,13 @@ button.autoplay-play-button {
gap: 5px; gap: 5px;
padding: 0; padding: 0;
} }
button.autoplay-play-button, button.autoplay-cancel-button { padding:10px 20px; width:120px; height:40px; min-width:120px; } button.autoplay-play-button,
button.autoplay-cancel-button {
padding: 10px 20px;
width: 120px;
height: 40px;
min-width: 120px;
}
.autoplay-play-button, .autoplay-play-button,
.autoplay-cancel-button { .autoplay-cancel-button {

2
frontend-tools/video-js/src/main.jsx
View File

@ -12,7 +12,7 @@ const mountComponents = () => {
const root = createRoot(rootContainer); const root = createRoot(rootContainer);
root.render( root.render(
<StrictMode> <StrictMode>
<VideoJS /> <VideoJS />
</StrictMode> </StrictMode>
); );
} }