jeirmeister/Cockatrice
1
0
Fork 0
mirror of https://github.com/Cockatrice/Cockatrice.git synced 2026-04-27 07:48:01 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Webatrice: Update nav (#4380)

Browse source 
* wip: subnav debug

* nav redesign

* remove unnecessary code

* remove subnav

* add leaveRoom button

Co-authored-by: Jeremy Letto <jeremy.letto@datasite.com>
This commit is contained in:
Jeremy Letto 2021-06-15 02:12:04 -05:00 • committed by GitHub
parent da9222929b
commit c9ddd042fc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 205 additions and 115 deletions
Download patch file Download diff file Expand all files Collapse all files

69
webclient/src/components/Header/Header.css
View file

@ -38,11 +38,74 @@
.Header-nav {
width: 100%;
display: flex;
justify-content: flex-end;
justify-content: space-between;
}
.Header-nav__menu {
margin-left: 10px;
.Header-nav__links {
width: 100%;
display: flex;
padding-left: 50px;
align-items: center;
}
.Header-nav__link {
position: relative;
height: 100%;
}
.Header-nav__link:hover {
background: rgba(0, 0, 0, .125);
}
.Header-nav__link:hover .Header-nav__link-menu {
display: block;
}
.Header-nav__link-btn {
display: flex;
height: 100%;
width: 100%;
align-items: center;
padding: 5px 10px;
font-weight: bold;
}
.Header-nav__link-btn__icon {
margin-left: 5px;
}
.Header-nav__link-menu {
display: none;
position: absolute;
bottom: 0;
transform: translateY(100%);
min-width: 150px;
background: #3f51b5;
box-shadow: 1px 1px 2px 0px black;
}
.Header-nav__link-menu__item {
padding: 0 !important;
}
.Header-nav__link-menu__btn {
padding: 6px 16px;
width: 100%;
color: white;
display: flex;
justify-content: space-between;
}
.Header-nav__actions {
display: flex;
}
.Header-nav__action {
}
.Header-nav__action button {
color: white;
}
.temp-subnav__rooms {