chinwag/ChinwagUI
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Switched announcement section to secondary background color

Browse source
This commit is contained in:
Niléane 2023-11-19 18:24:39 +01:00
commit 56942953b2
No known key found for this signature in database
4 changed files with 104 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

28
TangerineUI-purple.css
View file

@ -3057,6 +3057,29 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
} }
@keyframes makeawish {
0% {
transform: scale(120%) translate(0, 0) rotate(0deg);
}
100% {
transform: scale(200%) translate(100vw, 100vh) rotate(600deg);
}
}
.app-body:has(.search__input[value="Tangerine"])::after {
content: "🍊";
position: fixed;
display: block;
text-align: center;
width: 30px;
height: 30px;
font-size: 27px;
line-height: 30px;
top: -40px;
left: -40px;
animation:
10s linear 0s makeawish;
}
/* Dismissable banners */ /* Dismissable banners */
@ -4032,14 +4055,15 @@ a:is(.active,
/* 📢 Announcements */ /* 📢 Announcements */
.app-body .announcements, .app-body .announcements,
.app-body .announcements::after { .app-body .announcements::after {
background-color: var(--color-accent-bg); background-color: var(--color-content-secondary-bg);
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.app-body .announcements { .app-body .announcements {
overflow: visible; overflow: visible;
z-index: 0; z-index: 0;
box-shadow: 0 -20px var(--color-bg); box-shadow: 0 -20px var(--color-bg);
border: 1px solid var(--color-accent-lines); border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
} }
.app-body .announcements__item strong { .app-body .announcements__item strong {
font-weight: 800; font-weight: 800;

28
TangerineUI.css
View file

@ -3057,6 +3057,29 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
} }
@keyframes makeawish {
0% {
transform: scale(120%) translate(0, 0) rotate(0deg);
}
100% {
transform: scale(200%) translate(100vw, 100vh) rotate(600deg);
}
}
.app-body:has(.search__input[value="Tangerine"])::after {
content: "🍊";
position: fixed;
display: block;
text-align: center;
width: 30px;
height: 30px;
font-size: 27px;
line-height: 30px;
top: -40px;
left: -40px;
animation:
10s linear 0s makeawish;
}
/* Dismissable banners */ /* Dismissable banners */
@ -4032,14 +4055,15 @@ a:is(.active,
/* 📢 Announcements */ /* 📢 Announcements */
.app-body .announcements, .app-body .announcements,
.app-body .announcements::after { .app-body .announcements::after {
background-color: var(--color-accent-bg); background-color: var(--color-content-secondary-bg);
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.app-body .announcements { .app-body .announcements {
overflow: visible; overflow: visible;
z-index: 0; z-index: 0;
box-shadow: 0 -20px var(--color-bg); box-shadow: 0 -20px var(--color-bg);
border: 1px solid var(--color-accent-lines); border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
} }
.app-body .announcements__item strong { .app-body .announcements__item strong {
font-weight: 800; font-weight: 800;

28
mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
View file

@ -3057,6 +3057,29 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
} }
@keyframes makeawish {
0% {
transform: scale(120%) translate(0, 0) rotate(0deg);
}
100% {
transform: scale(200%) translate(100vw, 100vh) rotate(600deg);
}
}
.app-body:has(.search__input[value="Tangerine"])::after {
content: "🍊";
position: fixed;
display: block;
text-align: center;
width: 30px;
height: 30px;
font-size: 27px;
line-height: 30px;
top: -40px;
left: -40px;
animation:
10s linear 0s makeawish;
}
/* Dismissable banners */ /* Dismissable banners */
@ -4032,14 +4055,15 @@ a:is(.active,
/* 📢 Announcements */ /* 📢 Announcements */
.app-body .announcements, .app-body .announcements,
.app-body .announcements::after { .app-body .announcements::after {
background-color: var(--color-accent-bg); background-color: var(--color-content-secondary-bg);
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.app-body .announcements { .app-body .announcements {
overflow: visible; overflow: visible;
z-index: 0; z-index: 0;
box-shadow: 0 -20px var(--color-bg); box-shadow: 0 -20px var(--color-bg);
border: 1px solid var(--color-accent-lines); border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
} }
.app-body .announcements__item strong { .app-body .announcements__item strong {
font-weight: 800; font-weight: 800;

28
mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
View file

@ -3057,6 +3057,29 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
} }
@keyframes makeawish {
0% {
transform: scale(120%) translate(0, 0) rotate(0deg);
}
100% {
transform: scale(200%) translate(100vw, 100vh) rotate(600deg);
}
}
.app-body:has(.search__input[value="Tangerine"])::after {
content: "🍊";
position: fixed;
display: block;
text-align: center;
width: 30px;
height: 30px;
font-size: 27px;
line-height: 30px;
top: -40px;
left: -40px;
animation:
10s linear 0s makeawish;
}
/* Dismissable banners */ /* Dismissable banners */
@ -4032,14 +4055,15 @@ a:is(.active,
/* 📢 Announcements */ /* 📢 Announcements */
.app-body .announcements, .app-body .announcements,
.app-body .announcements::after { .app-body .announcements::after {
background-color: var(--color-accent-bg); background-color: var(--color-content-secondary-bg);
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.app-body .announcements { .app-body .announcements {
overflow: visible; overflow: visible;
z-index: 0; z-index: 0;
box-shadow: 0 -20px var(--color-bg); box-shadow: 0 -20px var(--color-bg);
border: 1px solid var(--color-accent-lines); border-left: 1px solid var(--color-lines);
border-right: 1px solid var(--color-lines);
} }
.app-body .announcements__item strong { .app-body .announcements__item strong {
font-weight: 800; font-weight: 800;