Using consistent transition durations
authorAlexander Ebert <ebert@woltlab.com>
Sun, 20 Mar 2016 09:55:52 +0000 (10:55 +0100)
committerAlexander Ebert <ebert@woltlab.com>
Sun, 20 Mar 2016 09:55:52 +0000 (10:55 +0100)
`.12s` -> short
`.3s` -> long

wcfsetup/install/files/style/layout/containerList.scss
wcfsetup/install/files/style/ui/dialog.scss
wcfsetup/install/files/style/ui/media.scss
wcfsetup/install/files/style/ui/message.scss
wcfsetup/install/files/style/ui/messageGroup.scss
wcfsetup/install/files/style/ui/redactor.scss
wcfsetup/install/files/style/ui/tabMenu.scss
wcfsetup/install/files/style/ui/tabularBox.scss
wcfsetup/install/files/style/ui/tooltip.scss

index 1fec3a71fa2bbbed971d4d3541f08adad1b1c17a..75b06694ca5ffddd6b7185dfc3882b5e06e0d7f9 100644 (file)
@@ -50,7 +50,7 @@
                position: absolute;
                right: 20px;
                top: 18px;
-               transition: opacity .2s;
+               transition: opacity .12s;
                
                > ul {
                        background-color: $wcfContentBackground;
index b518c0acb9e3c7e37a1100ac38591b702e8948f0..13be14ee9963fb3d04df3d9e387ede50b9cf9e0a 100644 (file)
        text-align: center;
        top: 200px;
        transform: translateX(-50%);
-       transition: visibility 0s linear .1s, opacity .1s linear;
+       transition: visibility 0s linear .12s, opacity .12s linear;
        visibility: hidden;
        z-index: 401;
        
        position: fixed;
        top: 0;
        transform: translateY(-100%);
-       transition: visibility .2s linear .2s, transform .2s linear, opacity .2s linear;
+       transition: visibility .12s linear .12s, transform .12s linear, opacity .12s linear;
        visibility: hidden;
        width: 100%;
        z-index: 460;
index 9288cde03a6e752e94bfaab630268bb1e5e9f1b4..e5dc105b08dcd0a068c0d0b01e24e9df0e2621c1 100644 (file)
@@ -1,5 +1,4 @@
 #mediaManagerMediaUploadButton > .button {
-       box-sizing: border-box;
        margin: 0;
        text-align: center;
        width: 100%;
index 11ab8ba993aa7d9fa57a8df27a931ec1a78237f3..bde79c44f616f2d86fd69769ea1ca3409685679b 100644 (file)
        border-top: 1px solid rgb(238, 238, 238);
        opacity: .6;
        padding-top: 10px;
-       transition: opacity .2s linear;
+       transition: opacity .12s linear;
 }
 
 .message:hover .messageSignature {
        
        justify-content: flex-end;
        //opacity: .3;
-       transition: opacity .2s linear;
+       transition: opacity .12s linear;
        
        &.forceVisible {
                //opacity: 1 !important;
index 7edd92b61a36d2731191f0a6858b5bb495e124ad..10a11b360ba342cca3cb21719bc9f0e4ee6693ad 100644 (file)
@@ -98,7 +98,7 @@
                        
                        > p > img {
                                opacity: .6;
-                               transition: opacity .2s;
+                               transition: opacity .12s;
                        }
                }
                
                        display: flex;
                        float: right;
                        opacity: .6;
-                       transition: opacity .2s;
+                       transition: opacity .12s;
                        
                        > .statusIcons {
                                align-items: center;
        .pagination {
                flex: 0 0 auto;
                opacity: 0;
-               transition: opacity .2s;
+               transition: opacity .12s;
                
                @include wcfFontSmall;
                
index d269e622a464a538cda1c335479e8ec61156617c..b2f5c8ec879ae952184275425120f024e5064ded 100644 (file)
                        right: 0;
                        text-align: center;
                        top: 0;
-                       transition: opacity .2s linear;
+                       transition: opacity .12s linear;
                        z-index: 200;
                        
                        > div {
index 68c82677545e35287bbdd46f4028b67e3a305fdc..ff489348a05b78290c4a2422228749528f78b951 100644 (file)
@@ -30,7 +30,7 @@
                        border-top: 1px solid $wcfContentLink;
                        bottom: 0;
                        position: absolute;
-                       transition: transform .2s linear, width .2s linear;
+                       transition: transform .12s linear, width .12s linear;
                }
        }
        
@@ -95,7 +95,7 @@
                border-top: 1px solid $wcfContentLink;
                bottom: -5px;
                position: absolute;
-               transition: transform .2s linear, width .2s linear;
+               transition: transform .12s linear, width .12s linear;
        }
        
        & + .tabMenuContent {
index bc9845c4ca04edcc1e907be9b224ea09ac14bf53..19fa9f9ed180e854f3e8cc9a16463120ac0be5dc 100644 (file)
@@ -7,7 +7,7 @@
 .tabularListRow {
        flex: 0 0 auto;
        padding: 5px 0;
-       transition: background-color .2s;
+       transition: background-color .12s;
        
        &.divider + li:not(.divider) {
                border-top-color: $wcfContentBorder;
                
                .collapsibleButton {
                        cursor: pointer;
-                       transition: transform .2s linear;
+                       transition: transform .12s linear;
                }
        }
 }
index 4c544c72be7cc527b0b5fd0092168dbe25206e0f..6bdf15e83398327cc33db927964b541453f820b9 100644 (file)
@@ -6,7 +6,7 @@
        pointer-events: none;
        position: absolute;
        top: 0;
-       transition: visibility 0s linear .2s;
+       transition: visibility 0s linear .12s;
        visibility: hidden;
        z-index: 800;