CSS for pinned indicators

Signed-off-by: Travis Ralston <travpc@gmail.com>
This commit is contained in:
Travis Ralston 2017-11-03 20:01:54 -06:00
parent 31c5122fa6
commit 5a1498dec3
2 changed files with 10 additions and 2 deletions

View file

@ -237,12 +237,16 @@ limitations under the License.
position: relative; position: relative;
} }
.mx_RoomHeader_unreadPinsIndicator { .mx_RoomHeader_pinsIndicator {
position: absolute; position: absolute;
right: 0; right: 0;
bottom: 4px; bottom: 4px;
width: 8px; width: 8px;
height: 8px; height: 8px;
border-radius: 8px; border-radius: 8px;
background-color: $warning-color; background-color: $pinned-color;
}
.mx_RoomHeader_pinsIndicatorUnread {
background-color: $pinned-unread-color;
} }

View file

@ -22,6 +22,10 @@ $warning-color: #ff0064;
$mention-user-pill-bg-color: #ff0064; $mention-user-pill-bg-color: #ff0064;
$other-user-pill-bg-color: rgba(0, 0, 0, 0.1); $other-user-pill-bg-color: rgba(0, 0, 0, 0.1);
// pinned events indicator
$pinned-unread-color: #ff0064; // $warning-color
$pinned-color: #888;
// groups // groups
$group-my-groups-placeholder-bg: #f7f7f7; $group-my-groups-placeholder-bg: #f7f7f7;
$group-my-groups-placeholder-fg: #888; $group-my-groups-placeholder-fg: #888;