style active room rect, and make it not jump

This commit is contained in:
Bruno Windels 2018-11-22 11:01:19 +00:00
parent 36decaf70b
commit 2ceef00944
2 changed files with 28 additions and 2 deletions

View file

@ -35,9 +35,34 @@ limitations under the License.
}
.mx_GroupGridView_activeTile {
border: 1px solid red !important;
position: relative;
}
.mx_GroupGridView_activeTile:before,
.mx_GroupGridView_activeTile:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
pointer-events: none;
z-index: 10000;
}
.mx_GroupGridView_activeTile:before {
border-radius: 14px;
border: 8px solid rgba(134, 193, 165, 0.5);
margin: -8px;
}
.mx_GroupGridView_activeTile:after {
border-radius: 8px;
border: 2px solid rgba(134, 193, 165, 1);
margin: -2px;
}
.mx_GroupGridView_tile > .mx_RoomView {
height: 100%;
}

View file

@ -80,7 +80,8 @@ limitations under the License.
Empirically this stops the MessagePanel's width exploding outwards when
gemini is in 'prevented' mode
*/
overflow-x: auto;
// disabling this for now as it clips the active room rect on the grid view
// overflow-x: auto;
/* To fix https://github.com/vector-im/riot-web/issues/3298 where Safari
needed height 100% all the way down to the HomePage. Height does not