imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Split mx_AppPermissionWarning on _AppsDrawer.pcss into two classes (#10824)

Browse source 
* Separate mx_AppWarning and mx_AppPermission

* Remove mx_AppPermission_row for a type selector

* Nest: mx_AppPermission

* Run prettier

* Create a CSS file for AppPermission
This commit is contained in:
Suguru Hirahara 2023-05-16 10:14:52 +00:00 • committed by GitHub
parent ae692f712a
commit 2eedfbf566
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 91 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

57
res/css/views/rooms/_AppsDrawer.pcss
View file

@ -318,7 +318,8 @@ limitations under the License.
flex: 1;
}
.mx_AppPermissionWarning {
.mx_AppWarning,
.mx_AppPermission {
text-align: center;
display: flex;
height: 100%;
@ -333,60 +334,6 @@ limitations under the License.
}
}
.mx_AppPermissionWarning_row {
margin-bottom: 12px;
}
.mx_AppPermissionWarning_smallText {
font-size: $font-12px;
}
.mx_AppPermissionWarning_bolder {
font-weight: var(--font-semi-bold);
}
.mx_AppPermissionWarning_helpIcon {
margin-top: 1px;
margin-right: 2px;
width: 10px;
height: 10px;
display: inline-block;
&::before {
display: inline-block;
background-color: $accent;
mask-repeat: no-repeat;
mask-size: 12px;
width: 12px;
height: 12px;
mask-position: center;
content: "";
vertical-align: middle;
mask-image: url("$(res)/img/feather-customised/help-circle.svg");
}
}
.mx_AppPermissionWarning_tooltip {
box-shadow: none;
background-color: $tooltip-timeline-bg-color;
color: $tooltip-timeline-fg-color;
border: none;
border-radius: 3px;
padding: 6px 8px;
&.mx_AppPermissionWarning_tooltip--dark {
.mx_Tooltip_chevron::after {
border-right-color: $tooltip-timeline-bg-color;
}
}
ul {
list-style-position: inside;
padding-left: 2px;
margin-left: 0;
}
}
.mx_AppTile_loading {
display: flex;
flex-direction: column;