Commander1024/lostplaces-backend
Commander1024/lostplaces-backend
1
0
Fork 0
Code Issues 14 Pull Requests Releases Wiki Activity

New css

Browse Source
This commit is contained in:
reverend 2020-08-05 18:12:34 +02:00
parent e2f4fca8ca
commit d1e1eaf2ae
1 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
lostplaces/lostplaces_app/static/main.css
View File

@ -261,17 +261,26 @@ body {
.LP-Menu .LP-Link__Text:hover { .LP-Menu .LP-Link__Text:hover {
color: #76323F; } color: #76323F; }
.LP-Menu--sidebar { .LP-Menu--sidebar {
border: none; border-top: 1px solid #C09F80;
min-width: 60px; } border-left: none;
min-width: 60px;
background-color: #f9f9f9;
height: 100%;
padding-top: 25px; }
.LP-Menu--sidebar .LP-Menu__List { .LP-Menu--sidebar .LP-Menu__List {
flex-direction: column; } flex-direction: column; }
.LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item { .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item {
text-align: left; text-align: left;
margin-bottom: 10px; } margin-bottom: 10px;
padding-left: 25px; }
.LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item .LP-Link {
line-height: 1em; }
.LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item:last-child { .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item:last-child {
margin-bottom: 0; } margin-bottom: 0; }
.LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item .LP-Link:hover { .LP-Menu--sidebar .LP-Menu__List .LP-Menu__Item:hover {
background-color: #f9f9f9; } border-right: 2px solid #C09F80;
position: relative;
background-color: #D7CEC7; }
@media (max-width: 750px) { @media (max-width: 750px) {
.LP-Menu:not(.LP-Menu--sidebar) .LP-Menu__List { .LP-Menu:not(.LP-Menu--sidebar) .LP-Menu__List {
@ -290,7 +299,7 @@ body {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
height: 60px; height: 60px;
border-bottom: 1px solid #C09F80; } box-shadow: 0 0 2px #C09F80; }
.LP-Header__Navigation { .LP-Header__Navigation {
flex-grow: 2; } flex-grow: 2; }
.LP-Header__Logo { .LP-Header__Logo {
@ -298,6 +307,7 @@ body {
margin: 25px; margin: 25px;
object-fit: cover; object-fit: cover;
max-height: 100%; max-height: 100%;
width: 225px;
overflow: hidden; overflow: hidden;
flex-shrink: 0; } flex-shrink: 0; }
.LP-Header__Logo .LP-Image { .LP-Header__Logo .LP-Image {
@ -513,9 +523,8 @@ body {
flex-grow: 1; flex-grow: 1;
width: calc(100% -300px); width: calc(100% -300px);
min-height: 1px; } min-height: 1px; }
.LP-Main .LP-Main__Navigation { .LP-Main .LP-Main__Sidebar {
flex-shrink: 0; flex-shrink: 0;
width: 200px; width: 250px;
flex-grow: 0; flex-grow: 0;
height: 100%; height: 100%; }
border-right: 1px solid #C09F80; }