Hierdurch wird die Navigationsleiste oben in der App vergrößert. Es werden weitere Änderungen vorgenommen, die mit der neuen Größe zusammenhängen; z. B. werden der Seiteninhalt und der Event-Feed nach unten verschoben. Menü-Icon, Benutzerbild und Login-Icon werden ebenfalls vergrößert. Außerdem werden Änderungen vorgenommen, um die Ansicht auf einigen Geräten zu optimieren – bitte testen Sie dies anschließend.
Code:
/* Increase Nav Bar */
.navbar .sidebar-item .nav-avatar {
width: 50px;
border-radius: 0px;
margin-right: 15%;
}
.navbar {
height: 70px;
}
.navbar .button-event-feed {
font-size: 2em;
margin-top: 5px;
}
.navbar .event-feed-item .truncate-text{
margin-right: 5%;
margin-left: 5%;
}
.navbar .nav-button-menu {
font-size: 2em;
height: 100px;
margin-top: 10px;
padding-left: 20%;
}
.navbar .icon-menu {
padding-left: 8px;
border-bottom: 100px;
}
.content-body {
padding-top: 20px;
}
.event-feed-content {
padding-top: 20px;
}
.event-feed-content:before {
padding-top: 20px;
}
.outer-container .carousel-index--beta {
padding: 25px 0 0;
}
.navbar .nav-button-sidebar {
font-size: 2em;
margin-top: 5%;
}
@media only screen and (max-width: 500px) {
.navbar .nav-button-sidebar {
font-size: 2em;
margin-top: 10px;
margin-right: 20%;
}
.navbar .nav-button-sidebar .ng-scope {
margin-left: -30%;
}
Kommentare
Zu diesem Beitrag können keine Kommentare hinterlassen werden.