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

Replace Sass variables specific to each CSS file with CSS custom properties (#11039)

Browse source 
* Use CSS custom properties on _LeftPanel.pcss

* Use CSS custom properties on _SpacePanel.pcss

* Use CSS custom properties on _SpaceRoomView.pcss

* Use CSS custom properties on _ImageView.pcss

* Use CSS custom properties on _EventTile.pcss

* Remove a CSS custom properties on _SpaceCreateMenu.pcss

Used only on one instance

* Revert "Use CSS custom properties on _ImageView.pcss"

This reverts commit 0210659f94fcf1107adabecf1bce443fc970a31b.

* Revert "Use CSS custom properties on _EventTile.pcss"

This reverts commit 83cf824a57b174e62935bb9a4433aadcd8f8164f.

* Run prettier
This commit is contained in:
Suguru Hirahara 2023-06-06 11:09:04 +00:00 • committed by GitHub
parent d0c1a8e69c
commit b3545736dc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 34 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

12
res/css/structures/_SpaceRoomView.pcss
View file

@ -14,8 +14,6 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
$SpaceRoomViewInnerWidth: 428px;
@define-mixin SpacePillButton {
position: relative;
padding: 16px 32px 16px 72px;
@ -61,6 +59,8 @@ $SpaceRoomViewInnerWidth: 428px;
}
.mx_SpaceRoomView {
--innerWidth: 428px;
overflow-y: auto;
flex: 1;
@ -83,11 +83,11 @@ $SpaceRoomViewInnerWidth: 428px;
color: $secondary-content;
margin-top: 12px;
margin-bottom: 24px;
max-width: $SpaceRoomViewInnerWidth;
max-width: var(--innerWidth);
}
.mx_AddExistingToSpace {
max-width: $SpaceRoomViewInnerWidth;
max-width: var(--innerWidth);
.mx_AddExistingToSpace_content {
height: calc(100vh - 360px);
@ -98,7 +98,7 @@ $SpaceRoomViewInnerWidth: 428px;
.mx_SpaceRoomView_buttons {
display: block;
margin-top: 44px;
width: $SpaceRoomViewInnerWidth;
width: var(--innerWidth);
text-align: right; /* button alignment right */
.mx_AccessibleButton_hasKind {
@ -112,7 +112,7 @@ $SpaceRoomViewInnerWidth: 428px;
}
.mx_Field {
max-width: $SpaceRoomViewInnerWidth;
max-width: var(--innerWidth);
& + .mx_Field {
margin-top: 28px;