Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

perf: use overflow: clip instead of hidden

Browse source
This commit is contained in:
syuilo 2021-02-27 11:18:53 +09:00
parent 377b0399a0
commit 06e817af59
62 changed files with 217 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/client/components/ui/button.vue
View file

@ -124,7 +124,8 @@ export default defineComponent({
text-decoration: none;
background: var(--buttonBg);
border-radius: 999px;
overflow: hidden;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
&:not(:disabled):hover {
background: var(--buttonHoverBg);
@ -212,7 +213,8 @@ export default defineComponent({
width: 100%;
height: 100%;
border-radius: 6px;
overflow: hidden;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
::v-deep(div) {
position: absolute;

3
src/client/components/ui/container.vue
View file

@ -116,7 +116,8 @@ export default defineComponent({
.ukygtjoj {
position: relative;
overflow: hidden;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
&.naked {
background: transparent !important;

6
src/client/components/ui/input.vue
View file

@ -298,7 +298,8 @@ export default defineComponent({
transform: scale(.75);
white-space: nowrap;
width: 133%;
overflow: hidden;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
text-overflow: ellipsis;
> .warning {
@ -354,7 +355,8 @@ export default defineComponent({
display: inline-block;
min-width: 16px;
max-width: 150px;
overflow: hidden;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
white-space: nowrap;
text-overflow: ellipsis;
}

3
src/client/components/ui/menu.vue
View file

@ -155,7 +155,8 @@ export default defineComponent({
font-size: 0.9em;
line-height: 20px;
text-align: center;
overflow: hidden;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
text-overflow: ellipsis;
&.danger {

6
src/client/components/ui/modal-window.vue
View file

@ -89,7 +89,8 @@ export default defineComponent({
<style lang="scss" scoped>
.ebkgoccj {
overflow: hidden;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
display: flex;
flex-direction: column;
contain: content;
@ -123,7 +124,8 @@ export default defineComponent({
padding-left: 32px;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
text-overflow: ellipsis;
pointer-events: none;

3
src/client/components/ui/range.vue
View file

@ -89,7 +89,8 @@ export default defineComponent({
pointer-events: none;
font-size: 16px;
color: var(--inputLabel);
overflow: hidden;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
}
> input {

6
src/client/components/ui/window.vue
View file

@ -388,7 +388,8 @@ export default defineComponent({
z-index: 5000;
> .body {
overflow: hidden;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
display: flex;
flex-direction: column;
contain: content;
@ -418,7 +419,8 @@ export default defineComponent({
position: relative;
line-height: $height;
white-space: nowrap;
overflow: hidden;
overflow: hidden; // overflow: clip; をSafariが対応したら消す
overflow: clip;
text-overflow: ellipsis;
text-align: center;
cursor: move;