fix wrap text in setting box

DIYgod · Sep 14, 2017 · 1ebd494 · 1ebd494
1 parent 6ae60cf
commit 1ebd494
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/package.json b/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",

diff --git a/src/DPlayer.scss b/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;