()
| 7928 | } |
| 7929 | |
| 7930 | init() { |
| 7931 | if (this.inited) return; |
| 7932 | this.inited = true; |
| 7933 | let self = this; |
| 7934 | this.cssText = ` |
| 7935 | #pagetual-sideController { |
| 7936 | position: fixed; |
| 7937 | top: calc(50% - 83px); |
| 7938 | left: calc(99% - 40px); |
| 7939 | width: 40px; |
| 7940 | border-radius: 20px; |
| 7941 | box-shadow: rgb(0 0 0) 0px 0px 10px; |
| 7942 | text-align: center; |
| 7943 | background: #ffffffd0!important; |
| 7944 | user-select: none; |
| 7945 | z-index: 2147483646!important; |
| 7946 | padding: 0!important; |
| 7947 | opacity: 0.5; |
| 7948 | transition: opacity .5s ease, background .5s, box-shadow .5s; |
| 7949 | } |
| 7950 | #pagetual-sideController.end { |
| 7951 | opacity: 0.3; |
| 7952 | } |
| 7953 | #pagetual-sideController * { |
| 7954 | font-weight: bold; |
| 7955 | font-family: arial; |
| 7956 | font-style: normal; |
| 7957 | font-size: 20px!important; |
| 7958 | color: black!important; |
| 7959 | line-height: normal; |
| 7960 | float: none; |
| 7961 | text-align: center; |
| 7962 | font-feature-settings: normal; |
| 7963 | } |
| 7964 | #pagetual-sideController.stop { |
| 7965 | -webkit-filter: invert(100%); |
| 7966 | filter: invert(100%); |
| 7967 | } |
| 7968 | .pagetual-sideController-btn { |
| 7969 | padding: 5px 0; |
| 7970 | cursor: pointer; |
| 7971 | height: 35px; |
| 7972 | box-sizing: border-box; |
| 7973 | transition: transform .15s ease-in-out, opacity .3s ease; |
| 7974 | } |
| 7975 | #pagetual-sideController .pagetual-sideController-btn:hover { |
| 7976 | transform: scale(1.5); |
| 7977 | color: red!important; |
| 7978 | } |
| 7979 | #pagetual-sideController #pagetual-sideController-move > svg { |
| 7980 | transition: transform .3s ease; |
| 7981 | border-radius: 15px !important; |
| 7982 | } |
| 7983 | #pagetual-sideController #pagetual-sideController-move > svg:hover { |
| 7984 | transform: scale(1.2); |
| 7985 | } |
| 7986 | ${rulesData.hideLoadingIcon ? '' : ` |
| 7987 | #pagetual-sideController.minSize #pagetual-sideController-move::before { |
no test coverage detected