OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Merge pull request #2505 from matrix-org/travis/settings/animated-toggles 

Add simple animations to toggle switches
pull/21833/head
Travis Ralston 2019-01-25 07:51:38 -07:00 committed by GitHub
parent 7a2cc3a242 9bbbab9d03
commit 949343d7d5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
res/css/views/elements/_ToggleSwitch.scss
View File

@ -14,9 +14,8 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
// TODO: Fancy transitions
.mx_ToggleSwitch {
transition: background-color 0.20s ease-out 0.1s;
width: 48px;
height: 24px;
border-radius: 14px;
@ -33,6 +32,7 @@ limitations under the License.
}
.mx_ToggleSwitch_ball {
transition: left 0.15s ease-out 0.1s;
margin: 2px;
width: 20px;
height: 20px;
@ -47,5 +47,5 @@ limitations under the License.
}
.mx_ToggleSwitch_on > .mx_ToggleSwitch_ball {
right: 2px;
left: 23px; // 48px switch - 20px ball - 5px padding = 23px
}