upd: add shadows to all panels, exclude selectively

i am not too sure on such a global change. this has a chance of breaking quite a lot of stuff :/
transfem-org · Oct 30, 2023 · 107ece1 · 107ece1
1 parent 703e3ed
commit 107ece1
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 3 deletions.
diff --git a/packages/frontend/src/components/MkDonation.vue b/packages/frontend/src/components/MkDonation.vue
@@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<div class="_panel _shadow" :class="$style.root">
+<div class="_panel" :class="$style.root">
 	<!-- TODO: インスタンス運営者が任意のテキストとリンクを設定できるようにする -->
 	<div :class="$style.icon">
 		<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-pig-money" width="40" height="40" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">

diff --git a/packages/frontend/src/components/MkNotification.vue b/packages/frontend/src/components/MkNotification.vue
@@ -166,6 +166,7 @@ useTooltip(reactionRef, (showing) => {
 	overflow-wrap: break-word;
 	display: flex;
 	contain: content;
+	box-shadow: none;
 }
 
 .head {

diff --git a/packages/frontend/src/pages/settings/migration.vue b/packages/frontend/src/pages/settings/migration.vue
@@ -50,7 +50,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<FormInfo>{{ i18n.ts._accountMigration.postMigrationNote }}</FormInfo>
 				<FormInfo warn>{{ i18n.ts._accountMigration.movedAndCannotBeUndone }}</FormInfo>
 				<div>{{ i18n.ts._accountMigration.movedTo }}</div>
-				<MkUserInfo v-if="movedTo" :user="movedTo" class="_panel _shadow"/>
+				<MkUserInfo v-if="movedTo" :user="movedTo" class="_panel"/>
 			</template>
 		</div>
 	</MkFolder>

diff --git a/packages/frontend/src/style.scss b/packages/frontend/src/style.scss
@@ -267,6 +267,7 @@ hr {
 }
 
 ._panel {
+	box-shadow: 0px 4px 32px var(--shadow); /* ._shadow without !important */
 	background: color-mix(in srgb, var(--panel) 65%, transparent);
 	border-radius: var(--radius);
 	overflow: clip;

diff --git a/packages/frontend/src/ui/_common_/stream-indicator.vue b/packages/frontend/src/ui/_common_/stream-indicator.vue
@@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<div v-if="hasDisconnected && defaultStore.state.serverDisconnectedBehavior === 'quiet'" :class="$style.root" class="_panel _shadow" @click="resetDisconnected">
+<div v-if="hasDisconnected && defaultStore.state.serverDisconnectedBehavior === 'quiet'" :class="$style.root" class="_panel" @click="resetDisconnected">
 	<div><i class="ph-warning ph-bold ph-lg"></i> {{ i18n.ts.disconnectedFromServer }}</div>
 	<div :class="$style.command" class="_buttons">
 		<MkButton small primary @click="reload">{{ i18n.ts.reload }}</MkButton>