FIX: improves themes/components UI on mobile

This commit is contained in:
Joffrey JAFFEUX 2018-09-17 10:05:18 +02:00
parent 7b19ed06c1
commit 01913b9dc0
5 changed files with 33 additions and 5 deletions

View File

@ -63,7 +63,6 @@
border-bottom: 1px solid $primary-low;
padding-bottom: 8px;
display: flex;
align-items: center;
.title {
color: $primary-medium;
@ -134,10 +133,7 @@
}
}
.show-current-style {
padding-left: 10px;
padding-top: 10px;
display: inline-block;
width: 70%;
vertical-align: top;
.url {
@ -205,7 +201,6 @@
border-right: 1px solid $primary-low;
border-bottom: 1px solid $primary-low;
display: inline-block;
width: 28%;
overflow: hidden;
}

View File

@ -21,6 +21,7 @@
@import "desktop/queued-posts";
@import "desktop/group";
@import "desktop/groups";
@import "desktop/admin_customize";
// Import all component-specific files
@import "desktop/components/*";

View File

@ -0,0 +1,16 @@
.admin-customize {
.show-current-style {
padding-left: 10px;
padding-top: 10px;
width: 70%;
}
.themes-list {
width: 28%;
}
.customize-themes-header {
flex-direction: row;
align-items: center;
}
}

View File

@ -24,6 +24,7 @@
@import "mobile/group";
@import "mobile/groups";
@import "mobile/dashboard_next";
@import "mobile/admin_customize";
@import "mobile/admin_reports";
@import "mobile/admin_report";
@import "mobile/admin_report_table";

View File

@ -0,0 +1,15 @@
.admin-customize {
.show-current-style {
padding: 0;
width: 100%;
}
.themes-list {
width: 100%;
}
.customize-themes-header {
flex-direction: column;
align-items: flex-start;
}
}