Conform _AppsDrawer.pcss
to our naming policy - move styles specific to mx_AppTileMenuBar
to be nested inside it (#10877)
* Nest: mx_AppTileMenuBar * Run prettier
This commit is contained in:
parent
15ed660975
commit
64733e5982
1 changed files with 56 additions and 56 deletions
|
@ -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…
Add table
Add a link
Reference in a new issue