From 47ad1157380a497dcd17ed740f031add67e0de4d Mon Sep 17 00:00:00 2001 From: dpschen Date: Tue, 21 Sep 2021 16:36:38 +0000 Subject: [PATCH] chore: remove obsolete css vendor prefixes (#739) Co-authored-by: Dominik Pschenitschni Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/739 Reviewed-by: konrad Co-authored-by: dpschen Co-committed-by: dpschen --- src/styles/components/gantt.scss | 7 +---- src/styles/components/kanban.scss | 7 +---- src/styles/components/modal.scss | 1 - src/styles/components/switch-view.scss | 4 --- src/styles/theme/navigation.scss | 6 ---- src/styles/theme/notification.scss | 2 -- src/styles/utilities/animations.scss | 40 -------------------------- 7 files changed, 2 insertions(+), 65 deletions(-) diff --git a/src/styles/components/gantt.scss b/src/styles/components/gantt.scss index 7c2059d32..686d06667 100644 --- a/src/styles/components/gantt.scss +++ b/src/styles/components/gantt.scss @@ -74,12 +74,7 @@ $gantt-vertical-border-color: $grey-100; position: relative; height: 31px !important; - -webkit-touch-callout: none; // iOS Safari - -webkit-user-select: none; // Safari - -khtml-user-select: none; // Konqueror HTML - -moz-user-select: none; // Firefox - -ms-user-select: none; // Internet Explorer/Edge - user-select: none; // Non-prefixed version, currently supported by Chrome and Opera + user-select: none; &.is-current-edit { border-color: $orange !important; diff --git a/src/styles/components/kanban.scss b/src/styles/components/kanban.scss index 7dc23dbe4..9a702f9be 100644 --- a/src/styles/components/kanban.scss +++ b/src/styles/components/kanban.scss @@ -62,12 +62,7 @@ $filter-container-height: '1rem - #{$switch-view-height}'; } .task { - -webkit-touch-callout: none; // iOS Safari - -webkit-user-select: none; // Safari - -khtml-user-select: none; // Konqueror HTML - -moz-user-select: none; // Old versions of Firefox - -ms-user-select: none; // Internet Explorer/Edge - user-select: none; // Non-prefixed version, currently supported by Chrome, Opera and Firefox + user-select: none; //transition: $ease-out; cursor: pointer; diff --git a/src/styles/components/modal.scss b/src/styles/components/modal.scss index 81e72b694..5719f5741 100644 --- a/src/styles/components/modal.scss +++ b/src/styles/components/modal.scss @@ -79,6 +79,5 @@ .modal-enter .modal-container, .modal-leave-active .modal-container { - -webkit-transform: scale(0.9); transform: scale(0.9); } diff --git a/src/styles/components/switch-view.scss b/src/styles/components/switch-view.scss index 5827b981a..266143d6c 100644 --- a/src/styles/components/switch-view.scss +++ b/src/styles/components/switch-view.scss @@ -13,10 +13,6 @@ display: block; border-radius: $radius; - -webkit-transition: all 100ms; - -moz-transition: all 100ms; - -ms-transition: all 100ms; - -o-transition: all 100ms; transition: all 100ms; &:not(:last-child) { diff --git a/src/styles/theme/navigation.scss b/src/styles/theme/navigation.scss index 9201c350c..a06d0a894 100644 --- a/src/styles/theme/navigation.scss +++ b/src/styles/theme/navigation.scss @@ -268,8 +268,6 @@ padding: 0.75rem .5rem 0.75rem ($navbar-padding * 1.5 - 1.75rem); transition: all 0.2s ease; - -webkit-border-radius: 0; - -moz-border-radius: 0; border-radius: 0; white-space: nowrap; text-overflow: ellipsis; @@ -380,8 +378,6 @@ } .avatar { - -webkit-border-radius: 100%; - -moz-border-radius: 100%; border-radius: 100%; vertical-align: middle; height: 40px; @@ -400,8 +396,6 @@ &:focus:not(:active), &:active { outline: none !important; - -webkit-box-shadow: none !important; - -moz-box-shadow: none !important; box-shadow: none !important; } } diff --git a/src/styles/theme/notification.scss b/src/styles/theme/notification.scss index 7944d77f5..f90a08992 100644 --- a/src/styles/theme/notification.scss +++ b/src/styles/theme/notification.scss @@ -7,8 +7,6 @@ bottom: 1rem !important; .notification-wrapper .notification { - -webkit-border-radius: 0; - -moz-border-radius: 0; border-radius: 0; border-top-width: 0; border-right-width: 0; diff --git a/src/styles/utilities/animations.scss b/src/styles/utilities/animations.scss index 26549d542..a0550a16c 100644 --- a/src/styles/utilities/animations.scss +++ b/src/styles/utilities/animations.scss @@ -1,65 +1,25 @@ -@-webkit-keyframes bounce { - from, - 20%, - 53%, - 80%, - to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } - - 40%, - 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -30px, 0); - transform: translate3d(0, -30px, 0); - } - - 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -15px, 0); - transform: translate3d(0, -15px, 0); - } - - 90% { - -webkit-transform: translate3d(0, -4px, 0); - transform: translate3d(0, -4px, 0); - } -} - @keyframes bounce { from, 20%, 53%, 80%, to { - -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); - -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { - -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); - -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { - -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } \ No newline at end of file