Browse Source

fix wrap text in setting box

DIYgod 7 years ago
parent
commit
1ebd49497c
2 changed files with 7 additions and 3 deletions
  1. 1 1
      package.json
  2. 6 2
      src/DPlayer.scss

+ 1 - 1
package.json

@@ -1,6 +1,6 @@
 {
   "name": "dplayer",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "description": "Wow, such a lovely HTML5 danmaku video player",
   "main": "dist/DPlayer.min.js",
   "style": "dist/DPlayer.min.css",

+ 6 - 2
src/DPlayer.scss

@@ -631,6 +631,7 @@
                     padding: 5px 10px;
                     box-sizing: border-box;
                     cursor: pointer;
+                    position: relative;
 
                     &:hover {
                         background-color: rgba(255,255,255,.1);
@@ -962,15 +963,18 @@
                 font-size: 13px;
                 display: inline-block;
                 vertical-align: middle;
+                white-space: nowrap;
             }
 
             .dplayer-toggle {
                 width: 32px;
-                height: 100%;
+                height: 20px;
                 text-align: center;
                 font-size: 0;
                 vertical-align: middle;
-                float: right;
+                position: absolute;
+                top: 5px;
+                right: 10px;
 
                 input {
                     max-height: 0;