OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Use shorthand "inset" property (#10825)

pull/28788/head^2
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 { .mx_CompatibilityPage_box {
position: absolute; position: absolute;
top: 0; inset: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto; margin: auto;
width: 500px; width: 500px;
height: 300px; height: 300px;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@ -64,10 +64,7 @@ limitations under the License.
.mx_JumpToBottomButton_scrollDown::before { .mx_JumpToBottomButton_scrollDown::before {
content: ""; content: "";
position: absolute; position: absolute;
top: 0; inset: 0;
bottom: 0;
left: 0;
right: 0;
mask-image: url("$(res)/img/element-icons/message/chevron-up.svg"); mask-image: url("$(res)/img/element-icons/message/chevron-up.svg");
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-size: 20px; 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 to place the hover bg over the entire thing */
position: absolute; position: absolute;
top: 0; inset: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none; /* let the pointer fall through the underlying thing */ pointer-events: none; /* let the pointer fall through the underlying thing */
@ -45,10 +42,7 @@ limitations under the License.
.mx_AvatarSetting_hoverBg { .mx_AvatarSetting_hoverBg {
/* absolute position to lazily fill the entire container */ /* absolute position to lazily fill the entire container */
position: absolute; position: absolute;
top: 0; inset: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.5; opacity: 0.5;
background-color: $quinary-content; background-color: $quinary-content;
@ -98,10 +92,7 @@ limitations under the License.
mask-position: center; mask-position: center;
content: ""; content: "";
position: absolute; position: absolute;
top: 0; inset: 0;
bottom: 0;
left: 0;
right: 0;
} }
.mx_AvatarSetting_uploadButton { .mx_AvatarSetting_uploadButton {