PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Merge pull request #2371 from matrix-org/bwindels/rmdot

Browse source 
Redesign: add badge with dot to rm button, to see it catches your eye better
This commit is contained in:
Bruno Windels 2018-12-19 09:49:19 +00:00 committed by GitHub
commit 8b406eab3b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
res/css/views/rooms/_TopUnreadMessagesBar.scss
View file

@ -14,6 +14,8 @@ See the License for the specific language governing permissions and
limitations under the License. limitations under the License.
*/ */
@charset "utf-8";
.mx_TopUnreadMessagesBar { .mx_TopUnreadMessagesBar {
z-index: 1000; z-index: 1000;
position: absolute; position: absolute;
@ -22,6 +24,22 @@ limitations under the License.
width: 38px; width: 38px;
} }
.mx_TopUnreadMessagesBar:after {
content: "·";
position: absolute;
top: -8px;
left: 11px;
width: 16px;
height: 16px;
border-radius: 16px;
font-weight: 600;
font-size: 30px;
line-height: 14px;
text-align: center;
color: $secondary-accent-color;
background-color: $accent-color;
}
.mx_TopUnreadMessagesBar_scrollUp { .mx_TopUnreadMessagesBar_scrollUp {
height: 38px; height: 38px;
border-radius: 19px; border-radius: 19px;