Commit 2170b834 authored by Taisiya Glushko's avatar Taisiya Glushko

#content-area fixes

parent 0599a5ac
...@@ -1594,13 +1594,12 @@ $light-font-family: 'Roboto-Light'; ...@@ -1594,13 +1594,12 @@ $light-font-family: 'Roboto-Light';
} }
} }
} }
.fullwidth {
width: 100% !important;
float: left !important;
}
//explore page //explore page
.explore-page { .explore-page {
.fullwidth {
width: 100% !important;
float: left !important;
}
.container-fluid { .container-fluid {
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
...@@ -1896,7 +1895,7 @@ $light-font-family: 'Roboto-Light'; ...@@ -1896,7 +1895,7 @@ $light-font-family: 'Roboto-Light';
line-height: 0; line-height: 0;
font-size: 10px; font-size: 10px;
} }
#explore-table { .explore-table {
float: right; float: right;
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;
...@@ -1983,7 +1982,7 @@ $light-font-family: 'Roboto-Light'; ...@@ -1983,7 +1982,7 @@ $light-font-family: 'Roboto-Light';
} }
} }
} }
#explore-table.fullwidth { .explore-table.fullwidth {
.bottom-pagination-wrapper { .bottom-pagination-wrapper {
margin-right: -20px; margin-right: -20px;
margin-left: -20px; margin-left: -20px;
...@@ -3088,7 +3087,7 @@ table.accessions { ...@@ -3088,7 +3087,7 @@ table.accessions {
} }
} }
@media (max-width: 1456px) { @media (max-width: 1460px) {
.explore-page .nav-header nav:not(.pull-right) .pagination { .explore-page .nav-header nav:not(.pull-right) .pagination {
margin: 10px 0; margin: 10px 0;
margin: 0; margin: 0;
...@@ -3149,15 +3148,9 @@ table.accessions { ...@@ -3149,15 +3148,9 @@ table.accessions {
.main-col-header { .main-col-header {
width: 80%; width: 80%;
} }
#explore-table {
width: 80%;
}
} }
//overview page #content-area {
.overview-page { width: 80%;
#overview-mode {
width: 80%;
}
} }
} }
...@@ -3424,7 +3417,7 @@ table.accessions { ...@@ -3424,7 +3417,7 @@ table.accessions {
.filters #collapseFilters > .panel-body { .filters #collapseFilters > .panel-body {
padding: 7px 20px 15px 20px; padding: 7px 20px 15px 20px;
} }
#explore-table { .explore-table {
table thead tr { table thead tr {
td { td {
padding: 0; padding: 0;
...@@ -3473,7 +3466,7 @@ table.accessions { ...@@ -3473,7 +3466,7 @@ table.accessions {
@media (max-width: 991px) and (min-width: 961px) { @media (max-width: 991px) and (min-width: 961px) {
//explore-page //explore-page
.explore-page { .explore-page {
#explore-table.fullwidth > table tr td:nth-child(7) { .explore-table.fullwidth > table tr td:nth-child(7) {
display: block !important; display: block !important;
width: auto; width: auto;
line-height: 20px; line-height: 20px;
...@@ -3482,7 +3475,7 @@ table.accessions { ...@@ -3482,7 +3475,7 @@ table.accessions {
min-height: 20px; min-height: 20px;
} }
} }
#explore-table.fullwidth { .explore-table.fullwidth {
table tr { table tr {
td:first-child { td:first-child {
width: 0.5%; width: 0.5%;
...@@ -4180,8 +4173,7 @@ table.accessions { ...@@ -4180,8 +4173,7 @@ table.accessions {
.filters .panel span.input-group-btn input { .filters .panel span.input-group-btn input {
width: 48%; width: 48%;
} }
#explore-table { .explore-table {
width: 100%;
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
table thead tr td:nth-child(3) { table thead tr td:nth-child(3) {
...@@ -4194,18 +4186,15 @@ table.accessions { ...@@ -4194,18 +4186,15 @@ table.accessions {
.filters #panelFilters > .panel-heading > h4.panel-title { .filters #panelFilters > .panel-heading > h4.panel-title {
line-height: 54px; line-height: 54px;
} }
#explore-table.fullwidth .bottom-pagination-wrapper { .explore-table.fullwidth .bottom-pagination-wrapper {
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
} }
} }
//overview page #content-area {
.overview-page { width: 100%;
#overview-mode {
width: 100%;
}
} }
} }
...@@ -4254,7 +4243,7 @@ table.accessions { ...@@ -4254,7 +4243,7 @@ table.accessions {
.filters .panel-heading .panel-title { .filters .panel-heading .panel-title {
padding: 0; padding: 0;
} }
#explore-table table { .explore-table table {
tr { tr {
td:first-child {width:1%; } td:first-child {width:1%; }
td:nth-child(2) {width:4%; } td:nth-child(2) {width:4%; }
...@@ -4398,7 +4387,7 @@ table.accessions { ...@@ -4398,7 +4387,7 @@ table.accessions {
.nav-header .list-view-controls a { .nav-header .list-view-controls a {
padding: 6px 7px 4px; padding: 6px 7px 4px;
} }
#explore-table table thead tr td p { .explore-table table thead tr td p {
line-height: inherit; line-height: inherit;
} }
} }
...@@ -4753,7 +4742,7 @@ table.accessions { ...@@ -4753,7 +4742,7 @@ table.accessions {
@media(max-width: 379px) { @media(max-width: 379px) {
//explore-page //explore-page
.explore-page { .explore-page {
#explore-table table tr td { .explore-table table tr td {
&:first-child { &:first-child {
width: auto; width: auto;
} }
...@@ -4767,19 +4756,19 @@ table.accessions { ...@@ -4767,19 +4756,19 @@ table.accessions {
width: auto; width: auto;
} }
} }
#explore-table table thead tr { .explore-table table thead tr {
font-size: 12px; font-size: 12px;
} }
#explore-table table thead tr td:nth-child(3) { .explore-table table thead tr td:nth-child(3) {
padding-left: 0; padding-left: 0;
} }
#explore-table table tr td:nth-child(4) { .explore-table table tr td:nth-child(4) {
width: 45%; width: 45%;
} }
select.column-changer { select.column-changer {
font-size: 12px; font-size: 12px;
} }
#explore-table table thead tr td p { .explore-table table thead tr td p {
font-size: 12px; font-size: 12px;
} }
} }
......
...@@ -115,7 +115,7 @@ ...@@ -115,7 +115,7 @@
<filters:pagination pagedData="${pagedData}" jsonFilter="${jsonFilter}"/> <filters:pagination pagedData="${pagedData}" jsonFilter="${jsonFilter}"/>
</div> </div>
</div> </div>
<div id="content-area" class="col-lg-10 col-md-9 col-sm-9 col-xs-12"> <div id="content-area" class="col-lg-10 col-md-9 col-sm-9 col-xs-12 explore-table">
<table class="accessions"> <table class="accessions">
<thead> <thead>
<tr> <tr>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment