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

style active room rect, and make it not jump

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

27
res/css/structures/_GroupGridView.scss
View file

@ -35,9 +35,34 @@ limitations under the License.
} }
.mx_GroupGridView_activeTile { .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 { .mx_GroupGridView_tile > .mx_RoomView {
height: 100%; height: 100%;
} }

3
res/css/structures/_MatrixChat.scss
View file

@ -80,7 +80,8 @@ limitations under the License.
Empirically this stops the MessagePanel's width exploding outwards when Empirically this stops the MessagePanel's width exploding outwards when
gemini is in 'prevented' mode 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 /* 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 needed height 100% all the way down to the HomePage. Height does not