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

Move status context menu to its own component

Browse source 
This fixes a lot of the state bugs such as buttons not updating, etc. 

This commit also adds the border around the avatar to indicate a status is set.
This commit is contained in:
Travis Ralston 2018-12-12 22:26:39 -07:00
parent 99f5b9e39b
commit b0b7932f5f
5 changed files with 143 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

37
res/css/views/avatars/_MemberStatusMessageAvatar.scss
View file

@ -14,38 +14,7 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_MemberStatusMessageAvatar_contextMenu_message {
display: inline-block;
border-radius: 3px 0 0 3px;
border: 1px solid $input-border-color;
font-size: 13px;
padding: 7px 7px 7px 9px;
width: 135px;
background-color: $primary-bg-color !important;
}
.mx_MemberStatusMessageAvatar_contextMenu_submit {
display: inline-block;
}
.mx_MemberStatusMessageAvatar_contextMenu_submit img {
vertical-align: middle;
margin-left: 8px;
}
.mx_MemberStatusMessageAvatar_contextMenu hr {
border: 0.5px solid $menu-border-color;
}
.mx_MemberStatusMessageAvatar_contextMenu_clearIcon {
margin: 5px 15px 5px 5px;
vertical-align: middle;
}
.mx_MemberStatusMessageAvatar_contextMenu_clear {
padding: 2px;
}
.mx_MemberStatusMessageAvatar_contextMenu_hasStatus .mx_MemberStatusMessageAvatar_contextMenu_clear {
color: $warning-color;
.mx_MemberStatusMessageAvatar_hasStatus {
border: 2px solid $accent-color;
border-radius: 40px;
}