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

Copy CSS files to installation folder

Browse source
This commit is contained in:
nileane 2023-12-17 15:20:44 +00:00 • committed by github-actions[bot]
commit fcf2302b8a
3 changed files with 87 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

31
mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
View file

@ -1934,8 +1934,35 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .media-gallery__preview, .app-body .media-gallery__preview,
.app-body .video-player { .app-body .video-player {
background-color: var(--color-content-bg); background-color: var(--color-content-secondary-bg);
} }
.app-body .media-gallery__preview {
outline: 1px solid rgba(0, 0, 0, 0.05);
outline-offset: -1px;
height: calc(100% - 1px);
border-radius: 8px;
transition: all .2s;
}
.app-body .spoiler-button:hover + .media-gallery__item > .media-gallery__preview {
outline: 1px solid rgba(0, 0, 0, 0.15);
}
.app-body .spoiler-button__overlay__label,
.app-body .spoiler-button__overlay__label:is(:focus, :hover),
.app-body .spoiler-button__overlay:is(:focus, :hover) .spoiler-button__overlay__label {
backdrop-filter: none;
-webkit-backdrop-filter: none;
background-color: transparent;
color: var(--color-content-fg);
}
.app-body .spoiler-button__overlay__label > span:first-child {
font-weight: bold;
}
.app-body .media-gallery__gifv__label {
background-color: rgba(0, 0, 0, .1);
border-radius: 6px;
}
/* 📊 Polls */ /* 📊 Polls */
.app-body .poll__chart, .app-body .poll__chart,
@ -4072,7 +4099,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
/* 🖱️ Interaction modals /* 🖱️ Interaction modals
--------------------- */ --------------------- */
.app-body .modal-root__modal { .app-body .modal-root__modal:not(.media-modal) {
border: 1px solid var(--color-lines); border: 1px solid var(--color-lines);
} }
.app-body .interaction-modal { .app-body .interaction-modal {

31
mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
View file

@ -1933,8 +1933,35 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .media-gallery__preview, .app-body .media-gallery__preview,
.app-body .video-player { .app-body .video-player {
background-color: var(--color-content-bg); background-color: var(--color-content-secondary-bg);
} }
.app-body .media-gallery__preview {
outline: 1px solid rgba(0, 0, 0, 0.05);
outline-offset: -1px;
height: calc(100% - 1px);
border-radius: 8px;
transition: all .2s;
}
.app-body .spoiler-button:hover + .media-gallery__item > .media-gallery__preview {
outline: 1px solid rgba(0, 0, 0, 0.15);
}
.app-body .spoiler-button__overlay__label,
.app-body .spoiler-button__overlay__label:is(:focus, :hover),
.app-body .spoiler-button__overlay:is(:focus, :hover) .spoiler-button__overlay__label {
backdrop-filter: none;
-webkit-backdrop-filter: none;
background-color: transparent;
color: var(--color-content-fg);
}
.app-body .spoiler-button__overlay__label > span:first-child {
font-weight: bold;
}
.app-body .media-gallery__gifv__label {
background-color: rgba(0, 0, 0, .1);
border-radius: 6px;
}
/* 📊 Polls */ /* 📊 Polls */
.app-body .poll__chart, .app-body .poll__chart,
@ -4071,7 +4098,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
/* 🖱️ Interaction modals /* 🖱️ Interaction modals
--------------------- */ --------------------- */
.app-body .modal-root__modal { .app-body .modal-root__modal:not(.media-modal) {
border: 1px solid var(--color-lines); border: 1px solid var(--color-lines);
} }
.app-body .interaction-modal { .app-body .interaction-modal {

31
mastodon/app/javascript/styles/tangerineui/tangerineui.scss
View file

@ -1933,8 +1933,35 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
} }
.app-body .media-gallery__preview, .app-body .media-gallery__preview,
.app-body .video-player { .app-body .video-player {
background-color: var(--color-content-bg); background-color: var(--color-content-secondary-bg);
} }
.app-body .media-gallery__preview {
outline: 1px solid rgba(0, 0, 0, 0.05);
outline-offset: -1px;
height: calc(100% - 1px);
border-radius: 8px;
transition: all .2s;
}
.app-body .spoiler-button:hover + .media-gallery__item > .media-gallery__preview {
outline: 1px solid rgba(0, 0, 0, 0.15);
}
.app-body .spoiler-button__overlay__label,
.app-body .spoiler-button__overlay__label:is(:focus, :hover),
.app-body .spoiler-button__overlay:is(:focus, :hover) .spoiler-button__overlay__label {
backdrop-filter: none;
-webkit-backdrop-filter: none;
background-color: transparent;
color: var(--color-content-fg);
}
.app-body .spoiler-button__overlay__label > span:first-child {
font-weight: bold;
}
.app-body .media-gallery__gifv__label {
background-color: rgba(0, 0, 0, .1);
border-radius: 6px;
}
/* 📊 Polls */ /* 📊 Polls */
.app-body .poll__chart, .app-body .poll__chart,
@ -4071,7 +4098,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
/* 🖱️ Interaction modals /* 🖱️ Interaction modals
--------------------- */ --------------------- */
.app-body .modal-root__modal { .app-body .modal-root__modal:not(.media-modal) {
border: 1px solid var(--color-lines); border: 1px solid var(--color-lines);
} }
.app-body .interaction-modal { .app-body .interaction-modal {