mirror of
https://github.com/element-hq/element-web.git
synced 2024-12-19 19:03:38 +03:00
3342aa5ff8
* Refactor some logic into common AvatarSetting component We duplicated some of the logic of setting avatars between profiles & rooms. This pulls some of that logic into the AvatarSetting component and hopefully make things a little simpler. * Unsed import * Convert JS based hover to CSS * Remove unnecessary container * Test avatar-as-file path * Test file upload * Unused imports * Add test for RoomProfileSettings * Test removing room avatar * Move upload control CSS too * Remove commented code Co-authored-by: Florian Duros <florianduros@element.io> * Prettier * Coments & move style to inline as per PR suggestion * Better test names Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com> * Fix test Upload input doesn't have that class anymore --------- Co-authored-by: Florian Duros <florianduros@element.io> Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>
56 lines
1.6 KiB
Text
56 lines
1.6 KiB
Text
/*
|
|
Copyright 2019, 2020 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
.mx_ProfileSettings {
|
|
border-bottom: 1px solid $quinary-content;
|
|
|
|
.mx_ProfileSettings_profile {
|
|
display: flex;
|
|
|
|
.mx_ProfileSettings_profile_controls {
|
|
flex-grow: 1;
|
|
margin-inline-end: 54px;
|
|
|
|
.mx_Field {
|
|
margin-top: $spacing-8;
|
|
}
|
|
|
|
.mx_ProfileSettings_profile_controls_topic {
|
|
margin-top: $spacing-8;
|
|
|
|
& > textarea {
|
|
font-family: inherit;
|
|
resize: vertical;
|
|
}
|
|
|
|
&.mx_ProfileSettings_profile_controls_topic--room textarea {
|
|
min-height: 4em;
|
|
}
|
|
}
|
|
|
|
.mx_ProfileSettings_profile_controls_userId {
|
|
margin-inline-end: $spacing-20;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mx_ProfileSettings_buttons {
|
|
display: flex;
|
|
gap: var(--cpd-space-4x);
|
|
margin-top: 10px; /* 18px is already accounted for by the <p> above the buttons */
|
|
margin-bottom: $spacing-28;
|
|
}
|
|
}
|