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

Port #8240 to release (#8241)

Browse source 
* fix uneven gutter size in thread panel

* Fix indicator positioning

* fix gutter sizing

* fix dropdown inner padding and spacing

* lint fix
This commit is contained in:
Germain 2022-04-06 11:48:58 +01:00 committed by RiotRobot
parent e4df547c31
commit 70c10886c4
2 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
res/css/structures/_RoomView.scss
View file

@ -326,8 +326,8 @@ hr.mx_RoomView_myReadMarker {
.mx_Indicator { .mx_Indicator {
position: absolute; position: absolute;
right: 0; right: -3px;
top: 0; top: -3px;
width: $dot-size; width: $dot-size;
height: $dot-size; height: $dot-size;
border-radius: 50%; border-radius: 50%;

12
res/css/views/right_panel/_ThreadPanel.scss
View file

@ -20,8 +20,8 @@ limitations under the License.
height: 100px; height: 100px;
overflow: visible; overflow: visible;
&.mx_BaseCard { &:not(.mx_ThreadView).mx_BaseCard {
padding-right: 0; padding-right: 2px;
} }
.mx_BaseCard_header { .mx_BaseCard_header {
@ -48,7 +48,7 @@ limitations under the License.
} }
.mx_ThreadPanel__header { .mx_ThreadPanel__header {
width: calc(100% - 30px); width: calc(100% - 38px);
height: 24px; height: 24px;
display: flex; display: flex;
flex: 1; flex: 1;
@ -118,7 +118,7 @@ limitations under the License.
&.mx_ThreadView .mx_ThreadView_timelinePanelWrapper { &.mx_ThreadView .mx_ThreadView_timelinePanelWrapper {
/* the scrollbar is 8px wide, and we want a 12px gap with the side of the /* the scrollbar is 8px wide, and we want a 12px gap with the side of the
panel. Hence the magic number, 8+4=12 */ panel. Hence the magic number, 8+4=12 */
width: calc(100% - 4px); width: calc(100% + 6px);
padding-right: 4px; padding-right: 4px;
position: relative; position: relative;
min-height: 0; // don't displace the composer min-height: 0; // don't displace the composer
@ -184,7 +184,7 @@ limitations under the License.
} }
.mx_ThreadPanel_dropdown { .mx_ThreadPanel_dropdown {
padding: 3px 8px; padding: 3px 4px 3px 8px;
border-radius: 4px; border-radius: 4px;
line-height: 1.5; line-height: 1.5;
user-select: none; user-select: none;
@ -294,7 +294,7 @@ limitations under the License.
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 6px;
padding: 20px; padding: 20px;
h2 { h2 {