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

#content-area fixes

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