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) {
div.LSform {
margin-left: 0.5rem;
margin-left: 0;
margin-right: 0;
}
ul.LSform_layout_active {
margin-left: 0.5rem;
margin-left: 0;
}
dl.LSform {

View file

@ -49,10 +49,13 @@ div.LSobject-select {
*/
ul.LSselect_selectable_object_types {
list-style-type: none;
padding: 0 0 4px 0;
padding: 0;
margin: 1em;
margin-bottom: 0;
border-bottom: 1px solid #52BCE5;
display: flex;
flex-wrap: nowrap;
overflow: auto;
}
ul.LSselect_selectable_object_types li {
@ -62,7 +65,7 @@ ul.LSselect_selectable_object_types li {
border-radius: 3px 3px 0px 0px;
padding: 4px;
display: inline;
margin-right: 1px;
margin-right: 0.3rem;
cursor: pointer;
}
@ -76,8 +79,14 @@ ul.LSselect_selectable_object_types li.current {
}
#LSselect-object {
width: calc(98% - 1rem);
margin-left: 0.5rem;
margin-right: 0.5rem;
width: calc(98% - 1vw);
margin-left: 1vw;
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 {
width: 100vw;
display: block;
padding: 1vw;
box-sizing: border-box;
}
h1 {
margin-left: 0;
width: 98vw;
}
table.LSobject-list {
width: 98vw;
margin-left: 1vw;
margin-left: 0;
}
select#LSview_search_predefinedFilter {
margin-left: 0;
}
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;
width: 22px;
height: 22px;
margin-right: 1em;
margin-right: 0;
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: none;
}
@ -365,6 +365,5 @@ input[type=radio]:checked {
@media (max-width: 1024px) {
table.LSobject-list {
width: 98vw;
margin-left: 1vw;
}
}