Bug 1209592 - Fix Loop's screenshare dropdown being misplaced on large window sizes. r=mikedeboer
--- a/browser/components/loop/content/shared/css/conversation.css
+++ b/browser/components/loop/content/shared/css/conversation.css
@@ -425,26 +425,21 @@ html[dir="rtl"] .room-failure > .setting
.conversation-window-dropdown > li {
padding: .2rem;
font-size: 1rem;
white-space: nowrap;
}
.screen-share-menu.dropdown-menu,
.settings-menu.dropdown-menu {
- left: auto;
bottom: 3.1rem;
}
-.screen-share-menu.dropdown-menu {
- /*offset dropdown menu to be above menu button*/
- right: 40px;
-}
-
.settings-menu.dropdown-menu {
+ left: auto;
/*offset dropdown menu to be above menu button*/
right: 14px;
}
html[dir="rtl"] .screen-share-menu.dropdown-menu,
html[dir="rtl"] .settings-menu.dropdown-menu {
right: auto;
}
--- a/browser/components/loop/content/shared/js/views.js
+++ b/browser/components/loop/content/shared/js/views.js
@@ -158,17 +158,17 @@ loop.shared.views = (function(_, mozL10n
"dropdown-menu-item": true,
"disabled": this.state.windowSharingDisabled
});
return (
React.createElement("div", null,
React.createElement("button", {className: screenShareClasses,
onClick: this.handleClick,
- ref: "menu-button",
+ ref: "anchor",
title: this._getTitle()},
isActive ? null : React.createElement("span", {className: "chevron"})
),
React.createElement("ul", {className: dropdownMenuClasses, ref: "menu"},
React.createElement("li", {className: "dropdown-menu-item", onClick: this._handleShareTabs},
mozL10n.get("share_tabs_button_title2")
),
React.createElement("li", {className: windowSharingClasses, onClick: this._handleShareWindows},
--- a/browser/components/loop/content/shared/js/views.jsx
+++ b/browser/components/loop/content/shared/js/views.jsx
@@ -158,17 +158,17 @@ loop.shared.views = (function(_, mozL10n
"dropdown-menu-item": true,
"disabled": this.state.windowSharingDisabled
});
return (
<div>
<button className={screenShareClasses}
onClick={this.handleClick}
- ref="menu-button"
+ ref="anchor"
title={this._getTitle()}>
{isActive ? null : <span className="chevron"/>}
</button>
<ul className={dropdownMenuClasses} ref="menu">
<li className="dropdown-menu-item" onClick={this._handleShareTabs}>
{mozL10n.get("share_tabs_button_title2")}
</li>
<li className={windowSharingClasses} onClick={this._handleShareWindows}>