PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Correctly position tooltips relative to parent element.

Browse source
This commit is contained in:
Richard Lewis 2018-03-06 10:47:53 +00:00
parent c198dd381f
commit 9fc7435ea2
3 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/views/rooms/RoomTooltip.js
View file

@ -66,7 +66,7 @@ module.exports = React.createClass({
// positioned, also taking into account any window zoom // positioned, also taking into account any window zoom
// NOTE: The additional 6 pixels for the left position, is to take account of the // NOTE: The additional 6 pixels for the left position, is to take account of the
// tooltips chevron // tooltips chevron
var parent = ReactDOM.findDOMNode(this); var parent = ReactDOM.findDOMNode(this).parentNode;
var style = {}; var style = {};
style.top = parent.getBoundingClientRect().top + window.pageYOffset; style.top = parent.getBoundingClientRect().top + window.pageYOffset;
style.left = 6 + parent.getBoundingClientRect().right + window.pageXOffset; style.left = 6 + parent.getBoundingClientRect().right + window.pageXOffset;

17
src/skins/vector/css/matrix-react-sdk/views/messages/_MImageBody.scss
View file

@ -15,15 +15,14 @@ limitations under the License.
*/ */
.mx_MImageBody { .mx_MImageBody {
display: block; display: block;
margin-right: 34px; margin-right: 34px;
} }
.mx_MImageBody_thumbnail { .mx_MImageBody_thumbnail_container {
max-width: 100%; display: inline-block;
/* }
background-color: $primary-bg-color;
border: 2px solid $primary-bg-color; img.mx_MImageBody_thumbnail {
border-radius: 1px; max-width: 100%;
*/
} }

3
src/skins/vector/css/vector-web/views/rooms/_RoomTooltip.scss
View file

@ -49,5 +49,6 @@ limitations under the License.
line-height: 14px; line-height: 14px;
font-size: 13px; font-size: 13px;
color: $primary-fg-color; color: $primary-fg-color;
max-width: 600px;
margin-right: 50px;
} }