tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Css adjustments on Metadata and Filter List

This commit is contained in:
Mateus Machado Luna 2018-11-20 10:23:15 -02:00
parent af44df38cd
commit cdcd673a00
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/admin/components/lists/filters-list.vue
View File

@ -506,6 +506,7 @@ export default {
.column:not(.available-metadata-area){ .column:not(.available-metadata-area){
overflow: hidden; overflow: hidden;
flex-grow: 2;
} }
.loading-spinner { .loading-spinner {
@ -568,6 +569,7 @@ export default {
.handle { .handle {
padding-right: 6em; padding-right: 6em;
white-space: nowrap; white-space: nowrap;
display: flex;
} }
.grip-icon { .grip-icon {
color: $gray3; color: $gray3;
@ -680,8 +682,9 @@ export default {
.available-metadata-area { .available-metadata-area {
padding: 10px 0px 10px 10px; padding: 10px 0px 10px 10px;
margin: 0; margin: 0;
max-width: 340px; max-width: 500px;
font-size: 14px; min-width: 20.8333333%;
font-size: 0.875rem;
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
max-width: 100%; max-width: 100%;

7
src/admin/components/lists/metadata-list.vue
View File

@ -796,6 +796,7 @@ export default {
.column:not(.available-metadata-area){ .column:not(.available-metadata-area){
overflow: hidden; overflow: hidden;
flex-grow: 2;
} }
.page-title { .page-title {
@ -870,6 +871,7 @@ export default {
.handle { .handle {
padding-right: 6em; padding-right: 6em;
white-space: nowrap; white-space: nowrap;
display: flex;
} }
.grip-icon { .grip-icon {
color: $gray3; color: $gray3;
@ -980,8 +982,9 @@ export default {
.available-metadata-area { .available-metadata-area {
padding: 10px 0px 10px 10px; padding: 10px 0px 10px 10px;
margin: 0; margin: 0;
max-width: 340px; max-width: 500px;
font-size: 14px; min-width: 20.8333333%;
font-size: 0.875rem;
@media screen and (max-width: 769px) { @media screen and (max-width: 769px) {
max-width: 100%; max-width: 100%;