From 06e817af597e7ee621bdeb370c72d7555482d943 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sat, 27 Feb 2021 11:18:53 +0900
Subject: perf: use overflow: clip instead of hidden

---
 src/client/widgets/calendar.vue   | 3 ++-
 src/client/widgets/federation.vue | 9 ++++++---
 src/client/widgets/rss.vue        | 3 ++-
 src/client/widgets/trends.vue     | 9 ++++++---
 4 files changed, 16 insertions(+), 8 deletions(-)

(limited to 'src/client/widgets')

diff --git a/src/client/widgets/calendar.vue b/src/client/widgets/calendar.vue
index 545072e87b..5bc24cb690 100644
--- a/src/client/widgets/calendar.vue
+++ b/src/client/widgets/calendar.vue
@@ -171,7 +171,8 @@ export default defineComponent({
 
 			> .meter {
 				width: 100%;
-				overflow: hidden;
+				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: clip;
 				background: var(--X11);
 				border-radius: 8px;
 
diff --git a/src/client/widgets/federation.vue b/src/client/widgets/federation.vue
index 6e76bc40e9..f05ad65c2f 100644
--- a/src/client/widgets/federation.vue
+++ b/src/client/widgets/federation.vue
@@ -89,7 +89,8 @@ export default defineComponent({
 	$bodyInfoHieght: 16px;
 
 	height: (62px + 1px) + (62px + 1px) + (62px + 1px) + (62px + 1px) + 62px;
-	overflow: hidden;
+	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: clip;
 
 	> .instances {
 		.chart-move {
@@ -113,7 +114,8 @@ export default defineComponent({
 
 			> .body {
 				flex: 1;
-				overflow: hidden;
+				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: clip;
 				font-size: 0.9em;
 				color: var(--fg);
 
@@ -121,7 +123,8 @@ export default defineComponent({
 					display: block;
 					width: 100%;
 					white-space: nowrap;
-					overflow: hidden;
+					overflow: hidden; // overflow: clip; をSafariが対応したら消す
+					overflow: clip;
 					text-overflow: ellipsis;
 					line-height: $bodyTitleHieght;
 				}
diff --git a/src/client/widgets/rss.vue b/src/client/widgets/rss.vue
index 1140a4252f..3ad801efae 100644
--- a/src/client/widgets/rss.vue
+++ b/src/client/widgets/rss.vue
@@ -80,7 +80,8 @@ export default defineComponent({
 			color: var(--fg);
 			white-space: nowrap;
 			text-overflow: ellipsis;
-			overflow: hidden;
+			overflow: hidden; // overflow: clip; をSafariが対応したら消す
+			overflow: clip;
 
 			&:nth-child(even) {
 				background: rgba(#000, 0.05);
diff --git a/src/client/widgets/trends.vue b/src/client/widgets/trends.vue
index 3734573e3c..b5fc6fb6f0 100644
--- a/src/client/widgets/trends.vue
+++ b/src/client/widgets/trends.vue
@@ -68,7 +68,8 @@ export default defineComponent({
 <style lang="scss" scoped>
 .wbrkwala {
 	height: (62px + 1px) + (62px + 1px) + (62px + 1px) + (62px + 1px) + 62px;
-	overflow: hidden;
+	overflow: hidden; // overflow: clip; をSafariが対応したら消す
+	overflow: clip;
 
 	> .tags {
 		.chart-move {
@@ -83,7 +84,8 @@ export default defineComponent({
 
 			> .tag {
 				flex: 1;
-				overflow: hidden;
+				overflow: hidden; // overflow: clip; をSafariが対応したら消す
+				overflow: clip;
 				font-size: 0.9em;
 				color: var(--fg);
 
@@ -91,7 +93,8 @@ export default defineComponent({
 					display: block;
 					width: 100%;
 					white-space: nowrap;
-					overflow: hidden;
+					overflow: hidden; // overflow: clip; をSafariが対応したら消す
+					overflow: clip;
 					text-overflow: ellipsis;
 					line-height: 18px;
 				}
-- 
cgit v1.2.3-freya