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
// NOTE: The additional 6 pixels for the left position, is to take account of the
// tooltips chevron
var parent = ReactDOM.findDOMNode(this);
var parent = ReactDOM.findDOMNode(this).parentNode;
var style = {};
style.top = parent.getBoundingClientRect().top + window.pageYOffset;
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 {
display: block;
margin-right: 34px;
display: block;
margin-right: 34px;
}
.mx_MImageBody_thumbnail {
max-width: 100%;
/*
background-color: $primary-bg-color;
border: 2px solid $primary-bg-color;
border-radius: 1px;
*/
.mx_MImageBody_thumbnail_container {
display: inline-block;
}
img.mx_MImageBody_thumbnail {
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;
font-size: 13px;
color: $primary-fg-color;
max-width: 600px;
margin-right: 50px;
}