Improve responsive view

This commit is contained in:
Benjamin Renard 2020-06-04 17:52:10 +02:00
parent 8add94d54f
commit 5708630abb
4 changed files with 28 additions and 12 deletions

View file

@ -167,11 +167,12 @@ p.LSform_listAvailableDataEntryForm {
@media (max-width: 1024px) { @media (max-width: 1024px) {
div.LSform { div.LSform {
margin-left: 0.5rem; margin-left: 0;
margin-right: 0;
} }
ul.LSform_layout_active { ul.LSform_layout_active {
margin-left: 0.5rem; margin-left: 0;
} }
dl.LSform { dl.LSform {

View file

@ -49,10 +49,13 @@ div.LSobject-select {
*/ */
ul.LSselect_selectable_object_types { ul.LSselect_selectable_object_types {
list-style-type: none; list-style-type: none;
padding: 0 0 4px 0; padding: 0;
margin: 1em; margin: 1em;
margin-bottom: 0; margin-bottom: 0;
border-bottom: 1px solid #52BCE5; border-bottom: 1px solid #52BCE5;
display: flex;
flex-wrap: nowrap;
overflow: auto;
} }
ul.LSselect_selectable_object_types li { ul.LSselect_selectable_object_types li {
@ -62,7 +65,7 @@ ul.LSselect_selectable_object_types li {
border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;
padding: 4px; padding: 4px;
display: inline; display: inline;
margin-right: 1px; margin-right: 0.3rem;
cursor: pointer; cursor: pointer;
} }
@ -76,8 +79,14 @@ ul.LSselect_selectable_object_types li.current {
} }
#LSselect-object { #LSselect-object {
width: calc(98% - 1rem); width: calc(98% - 1vw);
margin-left: 0.5rem; margin-left: 1vw;
margin-right: 0.5rem; margin-right: 1vw;
}
ul.LSselect_selectable_object_types {
margin-left: 1vw;
margin-top: 1vw;
margin-right: 1vw;
} }
} }

View file

@ -444,19 +444,26 @@ input[type='submit'].LSview_search {
#right { #right {
width: 100vw; width: 100vw;
display: block; display: block;
padding: 1vw;
box-sizing: border-box;
} }
h1 { h1 {
margin-left: 0; margin-left: 0;
width: 98vw;
} }
table.LSobject-list { table.LSobject-list {
width: 98vw; width: 98vw;
margin-left: 1vw; margin-left: 0;
}
select#LSview_search_predefinedFilter {
margin-left: 0;
} }
ul.LSview-actions { ul.LSview-actions {
margin-right: 1.5em; margin-right: 1vw;
} }
/* /*
@ -493,7 +500,7 @@ input[type='submit'].LSview_search {
background: url('../image/generate') center no-repeat; background: url('../image/generate') center no-repeat;
width: 22px; width: 22px;
height: 22px; height: 22px;
margin-right: 1em; margin-right: 0;
cursor: pointer; cursor: pointer;
} }

View file

@ -194,7 +194,7 @@ td.LSobject-list, tr.LSobject-list {
} }
} }
li.LSform_layout_active { li.LSform_layout_active, ul.LSselect_selectable_object_types li, ul.LSaccessRightsMatrixView_tabs li {
border-radius: 0px; border-radius: 0px;
border: none; border: none;
} }
@ -365,6 +365,5 @@ input[type=radio]:checked {
@media (max-width: 1024px) { @media (max-width: 1024px) {
table.LSobject-list { table.LSobject-list {
width: 98vw; width: 98vw;
margin-left: 1vw;
} }
} }