Conform `_AppsDrawer.pcss` to our naming policy - move styles specific to `mx_AppTileMenuBar` to be nested inside it (#10877)
* Nest: mx_AppTileMenuBar * Run prettierpull/28788/head^2
parent
15ed660975
commit
64733e5982
|
@ -198,9 +198,8 @@ limitations under the License.
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding-top: 3px;
|
padding-top: 3px;
|
||||||
padding-bottom: 6px;
|
padding-bottom: 6px;
|
||||||
}
|
|
||||||
|
|
||||||
.mx_AppTileMenuBar_title {
|
.mx_AppTileMenuBar_title {
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -213,16 +212,16 @@ limitations under the License.
|
||||||
> :last-child {
|
> :last-child {
|
||||||
margin-left: 9px;
|
margin-left: 9px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_AppTileMenuBar_widgets {
|
.mx_AppTileMenuBar_widgets {
|
||||||
float: right;
|
float: right;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_AppTileMenuBar_iconButton {
|
.mx_AppTileMenuBar_iconButton {
|
||||||
--size: 24px; /* Size of the button. Its height and width values should be same */
|
--size: 24px; /* Size of the button. Its height and width values should be same */
|
||||||
|
|
||||||
margin: 0 4px;
|
margin: 0 4px;
|
||||||
|
@ -271,6 +270,7 @@ limitations under the License.
|
||||||
&.mx_AppTileMenuBar_iconButton--menu::before {
|
&.mx_AppTileMenuBar_iconButton--menu::before {
|
||||||
mask-image: url("$(res)/img/element-icons/room/ellipsis.svg");
|
mask-image: url("$(res)/img/element-icons/room/ellipsis.svg");
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_AppTileBody,
|
.mx_AppTileBody,
|
||||||
|
|
Loading…
Reference in New Issue