Skip to content

Commit

Permalink
mobile improvement
Browse files Browse the repository at this point in the history
  • Loading branch information
@VanDerLars
VanDerLars committed Feb 22, 2022
1 parent 64bd632 commit 1f1a92b
Show file tree
Hide file tree
Showing 4 changed files with 116 additions and 92 deletions.
52 changes: 29 additions & 23 deletions app/themes/sidebar_dark/theme_mobile.css
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@

.n2web_header_mobile_menu_button {
display: none;
}
@media screen and (max-width:1024px) {
.n2web_structure{
width: 100%;
Expand All @@ -10,6 +14,31 @@
.n2web_content_inner{
padding-right: 15px;
}

.n2web_header_menu.menu_right {
background: #fff;
box-shadow: 0px 3px 5px #00000038;
border-radius: 5px;
top: 45px;
position: absolute;
right: 15px;
display: none;
}
.n2web_header_menu.menu_right.opened{
display: block;
}
.menu_right .n2web_menu_item {
float: none;
}
.n2web_header_menu a{
text-decoration: none;
}
.n2web_header_mobile_menu_button {
float: right;
font-size: 24px;
padding: 0px 8px;
display: block;
}
}

@media screen and (max-width:425px) {
Expand Down Expand Up @@ -40,27 +69,4 @@
.n2web_searchResults{
margin-top: 0;
}
.n2web_header_menu.menu_right {
background: #fff;
box-shadow: 0px 3px 5px #00000038;
border-radius: 5px;
top: 45px;
position: absolute;
right: 15px;
display: none;
}
.n2web_header_menu.menu_right.opened{
display: block;
}
.menu_right .n2web_menu_item {
float: none;
}
.n2web_header_menu a{
text-decoration: none;
}
.n2web_header_mobile_menu_button {
float: right;
font-size: 24px;
padding: 0px 8px;
}
}
52 changes: 29 additions & 23 deletions app/themes/sidebar_dark_full_width/theme_mobile.css
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@

.n2web_header_mobile_menu_button {
display: none;
}
@media screen and (max-width:1024px) {
.n2web_structure{
width: 100%;
Expand All @@ -10,6 +14,31 @@
.n2web_content_inner{
padding-right: 15px;
}

.n2web_header_menu.menu_right {
background: #fff;
box-shadow: 0px 3px 5px #00000038;
border-radius: 5px;
top: 45px;
position: absolute;
right: 15px;
display: none;
}
.n2web_header_menu.menu_right.opened{
display: block;
}
.menu_right .n2web_menu_item {
float: none;
}
.n2web_header_menu a{
text-decoration: none;
}
.n2web_header_mobile_menu_button {
float: right;
font-size: 24px;
padding: 0px 8px;
display: block;
}
}

@media screen and (max-width:425px) {
Expand Down Expand Up @@ -40,27 +69,4 @@
.n2web_searchResults{
margin-top: 0;
}
.n2web_header_menu.menu_right {
background: #fff;
box-shadow: 0px 3px 5px #00000038;
border-radius: 5px;
top: 45px;
position: absolute;
right: 15px;
display: none;
}
.n2web_header_menu.menu_right.opened{
display: block;
}
.menu_right .n2web_menu_item {
float: none;
}
.n2web_header_menu a{
text-decoration: none;
}
.n2web_header_mobile_menu_button {
float: right;
font-size: 24px;
padding: 0px 8px;
}
}
52 changes: 29 additions & 23 deletions app/themes/sidebar_light/theme_mobile.css
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@

.n2web_header_mobile_menu_button {
display: none;
}
@media screen and (max-width:1024px) {
.n2web_structure{
width: 100%;
Expand All @@ -10,6 +14,31 @@
.n2web_content_inner{
padding-right: 15px;
}

.n2web_header_menu.menu_right {
background: #fff;
box-shadow: 0px 3px 5px #00000038;
border-radius: 5px;
top: 45px;
position: absolute;
right: 15px;
display: none;
}
.n2web_header_menu.menu_right.opened{
display: block;
}
.menu_right .n2web_menu_item {
float: none;
}
.n2web_header_menu a{
text-decoration: none;
}
.n2web_header_mobile_menu_button {
float: right;
font-size: 24px;
padding: 0px 8px;
display: block;
}
}

@media screen and (max-width:425px) {
Expand Down Expand Up @@ -40,27 +69,4 @@
.n2web_searchResults{
margin-top: 0;
}
.n2web_header_menu.menu_right {
background: #fff;
box-shadow: 0px 3px 5px #00000038;
border-radius: 5px;
top: 45px;
position: absolute;
right: 15px;
display: none;
}
.n2web_header_menu.menu_right.opened{
display: block;
}
.menu_right .n2web_menu_item {
float: none;
}
.n2web_header_menu a{
text-decoration: none;
}
.n2web_header_mobile_menu_button {
float: right;
font-size: 24px;
padding: 0px 8px;
}
}
52 changes: 29 additions & 23 deletions app/themes/sidebar_light_full_width/theme_mobile.css
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,7 @@

.n2web_header_mobile_menu_button {
display: none;
}
@media screen and (max-width:1024px) {
.n2web_structure{
width: 100%;
Expand All @@ -10,6 +14,31 @@
.n2web_content_inner{
padding-right: 15px;
}

.n2web_header_menu.menu_right {
background: #fff;
box-shadow: 0px 3px 5px #00000038;
border-radius: 5px;
top: 45px;
position: absolute;
right: 15px;
display: none;
}
.n2web_header_menu.menu_right.opened{
display: block;
}
.menu_right .n2web_menu_item {
float: none;
}
.n2web_header_menu a{
text-decoration: none;
}
.n2web_header_mobile_menu_button {
float: right;
font-size: 24px;
padding: 0px 8px;
display: block;
}
}

@media screen and (max-width:425px) {
Expand Down Expand Up @@ -40,27 +69,4 @@
.n2web_searchResults{
margin-top: 0;
}
.n2web_header_menu.menu_right {
background: #fff;
box-shadow: 0px 3px 5px #00000038;
border-radius: 5px;
top: 45px;
position: absolute;
right: 15px;
display: none;
}
.n2web_header_menu.menu_right.opened{
display: block;
}
.menu_right .n2web_menu_item {
float: none;
}
.n2web_header_menu a{
text-decoration: none;
}
.n2web_header_mobile_menu_button {
float: right;
font-size: 24px;
padding: 0px 8px;
}
}

0 comments on commit 1f1a92b

Please sign in to comment.