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

Use shorthand "inset" property (#10825)

Browse source
This commit is contained in:
Suguru Hirahara 2023-05-09 10:02:12 +00:00 committed by GitHub
parent 5d0b5131f2
commit b3fd9377d6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 12 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
res/css/structures/_CompatibilityPage.pcss
View file

@ -6,10 +6,7 @@
.mx_CompatibilityPage_box {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
inset: 0;
margin: auto;
width: 500px;
height: 300px;

5
res/css/structures/_TabbedView.pcss
View file

@ -21,10 +21,7 @@ limitations under the License.
padding: 0 0 0 16px;
display: flex;
flex-direction: column;
top: 0;
bottom: 0;
left: 0;
right: 0;
inset: 0;
margin-top: 8px;
}

5
res/css/views/dialogs/_PollCreateDialog.pcss
View file

@ -17,10 +17,7 @@ limitations under the License.
.mx_PollCreateDialog {
.mx_PollCreateDialog_busy {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
inset: 0;
background-color: rgba($background, 0.6);
z-index: 1;
}

5
res/css/views/elements/_AccessibleButton.pcss
View file

@ -186,10 +186,7 @@ limitations under the License.
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
inset: 0;
background-color: #ffffff;
mask-repeat: no-repeat;
mask-position: center;

5
res/css/views/elements/_InviteReason.pcss
View file

@ -25,10 +25,7 @@ limitations under the License.
.mx_InviteReason_view {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
inset: 0;
justify-content: center;
align-items: center;
cursor: pointer;

5
res/css/views/messages/_MImageBody.pcss
View file

@ -92,10 +92,7 @@ $timeline-image-border-radius: 8px;
.mx_HiddenImagePlaceholder {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
inset: 0;
/* To center the text in the middle of the frame */
display: flex;

5
res/css/views/rooms/_E2EIcon.pcss
View file

@ -30,10 +30,7 @@ limitations under the License.
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
inset: 0;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;

5
res/css/views/rooms/_EventTile.pcss
View file

@ -836,10 +836,7 @@ $left-gutter: 64px;
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
inset: 0;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;

5
res/css/views/rooms/_JumpToBottomButton.pcss
View file

@ -64,10 +64,7 @@ limitations under the License.
.mx_JumpToBottomButton_scrollDown::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
inset: 0;
mask-image: url("$(res)/img/element-icons/message/chevron-up.svg");
mask-repeat: no-repeat;
mask-size: 20px;

15
res/css/views/settings/_AvatarSetting.pcss
View file

@ -26,10 +26,7 @@ limitations under the License.
/* position to place the hover bg over the entire thing */
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
inset: 0;
pointer-events: none; /* let the pointer fall through the underlying thing */
@ -45,10 +42,7 @@ limitations under the License.
.mx_AvatarSetting_hoverBg {
/* absolute position to lazily fill the entire container */
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
inset: 0;
opacity: 0.5;
background-color: $quinary-content;
@ -98,10 +92,7 @@ limitations under the License.
mask-position: center;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
inset: 0;
}
.mx_AvatarSetting_uploadButton {