diff --git a/browser/components/loop/content/css/panel.css b/browser/components/loop/content/css/panel.css index 4af9af62f190..e2b62fb1102a 100644 --- a/browser/components/loop/content/css/panel.css +++ b/browser/components/loop/content/css/panel.css @@ -365,6 +365,26 @@ html[dir="rtl"] .tab-view li:nth-child(2).selected ~ .slide-bar { -moz-margin-start: 0; } +.new-room-view > .context > .checkbox-wrapper { + height: 2rem; + margin-bottom: .5em; + line-height: 2rem; +} + +.new-room-view > .context > .checkbox-wrapper > .checkbox { + border-color: #d8d8d8; + background-color: #fff; +} + +.new-room-view > .context > .checkbox-wrapper > .checkbox.checked { + background-image: url("../shared/img/check.svg#check-blue"); +} + +.new-room-view > .context > .checkbox-wrapper > label { + color: #333; + font-size: 1.1rem; +} + .new-room-view > .btn { flex: 1; height: 3rem; diff --git a/browser/components/loop/content/shared/css/common.css b/browser/components/loop/content/shared/css/common.css index 80876942ac05..131d7bd79339 100644 --- a/browser/components/loop/content/shared/css/common.css +++ b/browser/components/loop/content/shared/css/common.css @@ -484,10 +484,6 @@ html[dir="rtl"] .dropdown-menu { /* Custom checkbox */ .checkbox-wrapper { - height: 2rem; - margin-bottom: .5rem; - width: 100%; - line-height: 2.2rem; -moz-user-select: none; user-select: none; } @@ -496,15 +492,15 @@ html[dir="rtl"] .dropdown-menu { float: left; width: 2rem; height: 2rem; - -moz-margin-end: .5rem; - margin-top: .1rem; + -moz-margin-end: .5em; + margin-top: .1em; border: 1px solid #999; - border-radius: .3rem; + border-radius: 3px; cursor: pointer; background-color: transparent; background-position: center center; background-repeat: no-repeat; - background-size: 2rem; + background-size: 1em 1em; } html[dir="rtl"] .checkbox { @@ -535,10 +531,6 @@ html[dir="rtl"] .checkbox { text-align: left; } -.checkbox-wrapper > checkbox-label { - font-size: 1.1rem; -} - html[dir="rtl"] .checkbox-label.ellipsis { text-align: right; } diff --git a/browser/components/loop/content/shared/css/conversation.css b/browser/components/loop/content/shared/css/conversation.css index 408b5735dc6c..624a66626371 100644 --- a/browser/components/loop/content/shared/css/conversation.css +++ b/browser/components/loop/content/shared/css/conversation.css @@ -1024,21 +1024,17 @@ body[platform="win"] .share-service-dropdown.overflow > .dropdown-menu-item { text-shadow: 1px 1px 0 rgba(0,0,0,.3); } -.new-room-view > .context > .checkbox-wrapper .checkbox { - border-color: #d8d8d8; - background-color: #fff; -} - -.new-room-view > .context > .checkbox-wrapper .checkbox.checked { - background-image: url("../img/check.svg#check-blue"); -} - -.new-room-view > .context > .checkbox-wrapper > label { - color: #333; +.room-context > .checkbox-wrapper { + margin-bottom: .5em; + width: 100%; } .room-context-label { margin-bottom: 1em; +} + +.room-context-label, +.room-context > .checkbox-wrapper > label { color: #fff; } diff --git a/browser/components/loop/ui/ui-showcase.js b/browser/components/loop/ui/ui-showcase.js index e8d0389e8d49..e171b8e92d4e 100644 --- a/browser/components/loop/ui/ui-showcase.js +++ b/browser/components/loop/ui/ui-showcase.js @@ -29,7 +29,6 @@ var DirectCallFailureView = loop.conversationViews.DirectCallFailureView; var RoomFailureView = loop.roomViews.RoomFailureView; var DesktopRoomConversationView = loop.roomViews.DesktopRoomConversationView; - var DesktopRoomEditContextView = loop.roomViews.DesktopRoomEditContextView; // 2. Standalone webapp var HomeView = loop.webapp.HomeView; @@ -1391,23 +1390,6 @@ ) ), - React.createElement(FramedExample, {height: 278.6, - onContentsRendered: invitationRoomStore.activeRoomStore.forcedUpdate, - summary: "Desktop room Edit Context w/Error", - width: 298}, - React.createElement("div", {className: "fx-embedded room-invitation-overlay"}, - React.createElement(DesktopRoomEditContextView, { - dispatcher: dispatcher, - error: {}, - mozLoop: navigator.mozLoop, - onClose: function(){}, - roomData: {}, - savingContext: false, - show: true} - ) - ) - ), - React.createElement(FramedExample, {dashed: true, height: 394, onContentsRendered: desktopRoomStoreLoading.activeRoomStore.forcedUpdate, diff --git a/browser/components/loop/ui/ui-showcase.jsx b/browser/components/loop/ui/ui-showcase.jsx index a4e63acbfee5..b72d592a93e2 100644 --- a/browser/components/loop/ui/ui-showcase.jsx +++ b/browser/components/loop/ui/ui-showcase.jsx @@ -29,7 +29,6 @@ var DirectCallFailureView = loop.conversationViews.DirectCallFailureView; var RoomFailureView = loop.roomViews.RoomFailureView; var DesktopRoomConversationView = loop.roomViews.DesktopRoomConversationView; - var DesktopRoomEditContextView = loop.roomViews.DesktopRoomEditContextView; // 2. Standalone webapp var HomeView = loop.webapp.HomeView; @@ -1391,23 +1390,6 @@ - -
- -
-
-