Commit f74479e6 authored by Taisiya Glushko's avatar Taisiya Glushko Committed by Matija Obreza

list of selected accessions UI

parent fd5e8e3a
......@@ -1915,47 +1915,11 @@ $light-font-family: 'Roboto-Light';
}
#explore-table {
float: right;
font-family: $default-font-family;
font-size: 12px;
padding-left: 20px;
padding-right: 20px;
table {
width: 100%;
border-spacing: 0 5px;
border-collapse: separate;
thead tr {
td {
padding: 6px 5px 6px 10px;
p {
font-size: 14px;
}
}
}
tbody tr {
&:nth-of-type(odd) td {
background-color: #f8f7f5;
border-right: 1px solid #e7e5df;
&:first-child, &:last-child {
border-right: none;
}
}
&:nth-of-type(even) td {
background-color: #f3f2ee;
border-right: 1px solid #e7e5df;
&:first-child, &:last-child {
border-right: none;
}
}
}
tr {
td {
padding: 10px 5px 10px 10px;
p {
margin: 0;
}
}
td:first-child {
width: 1%;
padding-left: 10px;
}
td:nth-child(2) {
......@@ -1968,9 +1932,6 @@ $light-font-family: 'Roboto-Light';
}
td:nth-child(3) {
width: 11.4743589%;
a {
font-size: 14px;
}
}
td:nth-child(4) {
width: 13.3333333%;
......@@ -2145,12 +2106,6 @@ h1.green-bg {
.row {
margin: 0 0 5px 0;
background-color: #ffffff;
/*&:nth-child(odd) {
background-color: #d4d1c9;
}
&:nth-child(even) {
background-color: #cecbc3;
}*/
div {
padding: 10px;
&:first-child {
......@@ -2198,6 +2153,73 @@ h1.green-bg {
}
}
}
.row.main-col-header {
background-color: #d4d1c6;
}
table.accessions {
width: 100%;
border-spacing: 0 5px;
border-collapse: separate;
font-family: $default-font-family;
font-size: 12px;
thead tr {
td {
padding: 6px 5px 6px 10px;
p {
font-size: 14px;
}
}
}
tbody tr {
&:nth-of-type(odd) td {
background-color: #f8f7f5;
border-right: 1px solid #e7e5df;
&:first-child, &:last-child {
border-right: none;
}
}
&:nth-of-type(even) td {
background-color: #f3f2ee;
border-right: 1px solid #e7e5df;
&:first-child, &:last-child {
border-right: none;
}
}
}
tr td {
padding: 10px 5px 10px 10px;
&:first-child {
width: 1%;
}
p {
margin: 0;
}
&:nth-child(3) {
a {
font-size: 14px;
}
}
}
}
.btn-default {
border: 1px solid #999895;
display: inline-block;
background: #e8e8e8;
font-size: 14px;
padding: 5px 8px 4px;
text-transform: uppercase;
border-radius: 0;
color: #006db4;
&:hover {
color: #333333;
}
}
.btn-primary {
text-transform: uppercase;
border-radius: 0;
padding: 5px 8px 4px;
font-size: 14px;
}
.country-page, .wiews-institute {
.section-inner-content {
.row {
......@@ -2476,6 +2498,9 @@ h1.green-bg {
border-left: none;
padding: 0 0 15px 0;
}
.form-group > label[for="accessionIds"] + div {
border-left: none;
}
.form-group .controls label:not(.control-label) {
display: block;
width: 100%;
......@@ -2485,6 +2510,64 @@ h1.green-bg {
margin: 10px 0;
}
}
//selected-list page
.selected-list {
.alert-info {
margin-top: 15px;
}
.main-col-header {
padding-top: 15px;
padding-bottom: 13px;
.pagination {
margin: 0;
}
.list-view-controls {
padding: 0;
form {
display: inline-block;
}
}
}
table.accessions tr td:nth-child(2) {
width: 1%;
}
.form-actions-wrapper {
padding-top: 15px;
padding-bottom: 15px;
}
.nav-tabs > li.active > a {
background-color: #ffffff;
}
.accessions-table-wrapper {
div {
overflow: auto;
padding-bottom: 15px;
}
}
.tabs-wrapper {
margin-top: 50px;
.tab-content {
margin-left: 0 !important;
border-left: 1px solid #ddd;
textarea.form-control {
margin-bottom: 10px;
}
form:not(#loginForm).form-horizontal .form-group .dropdown {
border-left: none;
margin-bottom: 15px;
.dropdown-menu {
padding: 10px;
font-size: 13px;
font-family: $default-font-family;
}
}
form:not(#loginForm).form-horizontal .form-group input[name="title"],
form:not(#loginForm).form-horizontal .form-group input[name="instCode"] {
margin-top: 0;
}
}
}
}
@media (min-width: 990px) and (max-width: 1919px) {
.genesys-page {
......@@ -3038,7 +3121,36 @@ h1.green-bg {
}
}
@media (max-width: 1090px) {
//selected-list page
.selected-list {
.form-actions-wrapper {
.form-actions {
a, button {
display: block;
width: auto;
margin: 0 auto 10px auto;
}
a:last-child {
margin-bottom: 0;
& > button {
margin-bottom: 0;
}
}
}
}
}
}
@media (max-width: 1060px) {
//selected-list page
.selected-list {
.tabs-wrapper form:not(#loginForm).form-horizontal .form-group .control-label {
line-height: inherit;
padding-top: 20px;
padding-bottom: 20px;
}
}
}
@media (max-width: 990px) {
//accession-page
.accession-page {
......@@ -3801,6 +3913,16 @@ h1.green-bg {
padding-right: 0;
}
}
//selected-list page
.selected-list {
.main-col-header {
nav.pull-left {
display: block;
width: 100%;
margin-top: 10px;
}
}
}
}
@media (max-width: 960px) {
......@@ -3963,7 +4085,7 @@ h1.green-bg {
.genesys-page form:not(#loginForm).form-horizontal .form-group .checkbox {
padding-left: 0;
}
}
}
@media (min-width: 1920px) {
.genesys-page {
......@@ -4012,8 +4134,64 @@ h1.green-bg {
line-height: inherit;
}
}
//selected-list page
.selected-list {
.main-col-header {
.list-view-controls {
form {
display: block;
width: auto;
&:first-child {
margin-bottom: 10px;
}
}
}
nav.pull-left {
.pagination {
li {
min-width: 1px;
min-height: 26px;
position: relative;
&:first-child {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
span {
float: none;
}
}
&:last-child {
display: none;
}
}
}
}
}
}
}
@media(max-width: 450px) {
//selected-list page
.selected-list {
.tabs-wrapper {
margin-top: 20px;
.nav-tabs {
li {
font-size: 13px;
a {
padding: 10px 5px;
}
}
}
form:not(#loginForm).form-horizontal .form-group input.btn {
font-size: 15px;
padding: 10px 20px;
}
}
}
}
@media(max-width: 420px) {
//accession page
.accession-page {
......@@ -4225,6 +4403,40 @@ h1.green-bg {
padding: 0 10px;
}
}
table.accessions {
thead tr td p, tr td:nth-child(3) a {
font-size: 12px;
}
thead tr td, tr td {
padding: 10px 5px;
}
}
//selected-list page
.selected-list {
.container-fluid {
padding-left: 0;
padding-right: 0;
}
.alert-info {
margin: 15px 10px 0 10px;
}
.form-actions-wrapper {
form {
padding: 0 10px;
}
.form-actions {
.btn-default {
font-size: 12px;
}
button {
font-size: 11px;
}
}
}
.tabs-wrapper .tab-content form:not(#loginForm).form-horizontal .form-group .dropdown {
font-size: 15px;
}
}
}
@media(max-width: 379px) {
......
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