React Toolbar

conference.js

@@ -20,6 +20,8 @@ import analytics from './modules/analytics/analytics';
 
 import EventEmitter from "events";
 
+import { showDesktopSharingButton } from './react/features/toolbar';
+
 import {
     AVATAR_ID_COMMAND,
     AVATAR_URL_COMMAND,
@@ -583,6 +585,9 @@ export default {
                 APP.connection = connection = con;
                 this.isDesktopSharingEnabled =
                     JitsiMeetJS.isDesktopSharingEnabled();
+
+                APP.store.dispatch(showDesktopSharingButton());
+
                 APP.remoteControl.init();
                 this._createRoom(tracks);
 

css/_animations.scss

@@ -66,18 +66,4 @@
 @include keyframes(slideInExtContainer) {
     from { width: 0; }
     to { width: $sidebarWidth; }
-}
-
-/**
-*   Fade in / out animations
-**/
-
-@include keyframes(fadeIn) {
-    from { opacity: 0; }
-    to { opacity: 1; }
-}
-
-@include keyframes(fadeOut) {
-    from { opacity: 1; }
-    to { opacity: 0; }
 }

css/_notice.scss

@@ -1,8 +1,11 @@
 .notice {
-    position: relative;
+    position: absolute;
+    left: 50%;
     z-index: $zindex3;
     margin-top: 6px;
 
+    @include transform(translateX(-50%));
+
     &__message {
         background-color: #000000;
         color: white;