gaja-group
/
matrix-bot
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Final spacing tweaks to get it aligned with the design

This commit is contained in:
wmwragg 2016-07-27 18:06:47 +01:00
parent 22bf74dc65
commit b5fdaac947
2 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/views/context_menus/NotificationStateContextMenu.js
View File

@ -116,21 +116,21 @@ module.exports = React.createClass({
<img src="img/notif-slider.svg" width="20" height="107" /> <img src="img/notif-slider.svg" width="20" height="107" />
</div> </div>
<div className={ alertMeClasses } onClick={this._onClickAlertMe} > <div className={ alertMeClasses } onClick={this._onClickAlertMe} >
<img src="img/icon-context-mute-off-copy.svg" width="20" height="12" /> <img className="mx_NotificationStateContextMenu_icon" src="img/icon-context-mute-off-copy.svg" width="20" height="12" />
Alert me Alert me
</div> </div>
<div className={ allNotifsClasses } onClick={this._onClickAllNotifs} > <div className={ allNotifsClasses } onClick={this._onClickAllNotifs} >
<img className="mx_NotificationStateContextMenu_activeIcon" src="img/notif-active.svg" width="12" height="12" /> <img className="mx_NotificationStateContextMenu_activeIcon" src="img/notif-active.svg" width="12" height="12" />
<img src="img/icon-context-mute-off.svg" width="20" height="12" /> <img className="mx_NotificationStateContextMenu_icon" src="img/icon-context-mute-off.svg" width="20" height="12" />
All notifications All notifications
</div> </div>
<div className={ mentionsClasses } onClick={this._onClickMentions} > <div className={ mentionsClasses } onClick={this._onClickMentions} >
<img src="img/icon-context-mute-mentions.svg" width="20" height="12" /> <img className="mx_NotificationStateContextMenu_icon" src="img/icon-context-mute-mentions.svg" width="20" height="12" />
Mentions only Mentions only
</div> </div>
<div className={ muteNotifsClasses } onClick={this._onClickMute} > <div className={ muteNotifsClasses } onClick={this._onClickMute} >
<img className="mx_NotificationStateContextMenu_activeIcon" src="img/notif-active.svg" width="12" height="12" /> <img className="mx_NotificationStateContextMenu_activeIcon" src="img/notif-active.svg" width="12" height="12" />
<img src="img/icon-context-mute.svg" width="20" height="12" /> <img className="mx_NotificationStateContextMenu_icon" src="img/icon-context-mute.svg" width="20" height="12" />
Mute Mute
</div> </div>
</div> </div>

4
src/skins/vector/css/vector-web/views/context_menus/NotificationStateContextMenu.css
View File

@ -40,6 +40,10 @@ limitations under the License.
color: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2);
} }
.mx_NotificationStateContextMenu_icon {
padding-right: 2px;
}
.mx_NotificationStateContextMenu_activeIcon { .mx_NotificationStateContextMenu_activeIcon {
display: none; display: none;
position: relative; position: relative;