浏览代码

toolbar buttons fixes

j8
Konstantyn Pahsura 8 年前
父节点
当前提交
77e28a6a45
共有 3 个文件被更改,包括 15 次插入20 次删除
  1. 3
    18
      css/_toolbars.scss
  2. 2
    0
      index.html
  3. 10
    2
      modules/UI/toolbars/Toolbar.js

+ 3
- 18
css/_toolbars.scss 查看文件

@@ -42,22 +42,7 @@
42 42
     margin-right: auto;
43 43
     width: auto;
44 44
     border-radius: 3px;
45
-
46
-    /**
47
-     * First button in the toolbar.
48
-     */
49
-    .first {
50
-        border-bottom-left-radius: 3px;
51
-        border-top-left-radius: 3px;
52
-    }
53
-
54
-    /**
55
-     * Last button in the toolbar.
56
-     */
57
-    .last {
58
-        border-bottom-right-radius: 3px;
59
-        border-top-right-radius: 3px;
60
-    }
45
+    overflow: hidden;
61 46
 
62 47
     /**
63 48
      * Splitter button in the toolbar.
@@ -75,8 +60,8 @@
75 60
     display: flex;
76 61
     width: $defaultToolbarSize;
77 62
     height: 100%;
78
-    top: 0px;
79
-    left: 0px;
63
+    top: 0;
64
+    left: 0;
80 65
     padding-top: 10px;
81 66
     box-sizing: border-box;
82 67
     flex-direction: column;

+ 2
- 0
index.html 查看文件

@@ -107,6 +107,8 @@
107 107
         <div id="extendedToolbar" class="toolbar">
108 108
             <div id="extendedToolbarButtons"></div>
109 109
 
110
+            <a class="button icon-feedback" id="feedbackButton"></a>
111
+
110 112
             <div id="sideToolbarContainer">
111 113
                 <div id="profile_container" class="sideToolbarContainer__inner">
112 114
                     <div class="title" data-i18n="profile.title"></div>

+ 10
- 2
modules/UI/toolbars/Toolbar.js 查看文件

@@ -219,7 +219,10 @@ const defaultToolbarButtons = {
219 219
         id: 'toolbar_contact_list',
220 220
         tooltipKey: 'bottomtoolbar.contactlist',
221 221
         className: 'button icon-contactList',
222
-        sideContainerId: 'contacts_container'
222
+        sideContainerId: 'contacts_container',
223
+        html: `<span class="badge-round">
224
+                   <span id="numberOfParticipants"></span>
225
+               </span>`
223 226
     },
224 227
     'profile': {
225 228
         id: 'toolbar_button_profile',
@@ -295,7 +298,12 @@ const defaultToolbarButtons = {
295 298
     'sharedvideo': {
296 299
         id: 'toolbar_button_sharedvideo',
297 300
         tooltipKey: 'toolbar.sharedvideo',
298
-        className: 'button icon-shared-video'
301
+        className: 'button icon-shared-video',
302
+        html: `<ul id="sharedVideoMutedPopup" 
303
+                   class="loginmenu extendedToolbarPopup">
304
+                   <li data-i18n="[html]toolbar.sharedVideoMutedPopup"></li>
305
+               </ul>
306
+`
299 307
     },
300 308
     'sip': {
301 309
         id: 'toolbar_button_sip',

正在加载...
取消
保存