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

Changes several font sizes from pixels to rem unit, for future acessibility implementation.

This commit is contained in:
Mateus Machado Luna 2018-09-11 17:00:19 -03:00
parent c07453d981
commit 6d2582e835
24 changed files with 73 additions and 73 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/admin/components/advanced-search/advanced-search.vue
View File

@ -144,7 +144,7 @@
class="field column is-12">
<a
@click="addSearchCriteria"
style="font-size: 12px;">
style="font-size: 0.75rem;">
<b-icon
class="add-i"
icon="plus-circle"
@ -746,12 +746,12 @@
.advanced-search-text {
margin: 0 12px;
font-size: 12px;
font-size: 0.75rem;
color: $blue5;
}
.advanced-search-text-di {
font-size: 14px;
font-size: 0.875rem;
font-weight: 500;
color: #01295c;
margin-top: 4px;

2
src/admin/components/lists/items-list.vue
View File

@ -903,7 +903,7 @@ export default {
.select-all {
color: $gray4;
font-size: 14px;
font-size: 0.875rem;
&:hover {
color: $gray4;
}

2
src/admin/components/other/checkbox-filter-modal.vue
View File

@ -671,7 +671,7 @@
color: $blue5;
cursor: pointer;
height: 27px;
font-size: 18px;
font-size: 1.125rem;
width: 30px !important;
position: absolute;
right: 0;

16
src/admin/pages/lists/items-page.vue
View File

@ -1187,8 +1187,8 @@
}
h1 {
font-size: 20px;
font-weight: 500;
font-size: 1.25rem;
font-weight: normal;
color: $blue5;
display: inline-block;
}
@ -1204,8 +1204,8 @@
padding: 0 $table-side-padding;
h1 {
font-size: 20px;
font-weight: 500;
font-size: 1.25rem;
font-weight: normal;
color: $blue5;
display: inline-block;
}
@ -1276,7 +1276,7 @@
cursor: pointer;
color: $blue5;
height: 27px;
font-size: 18px !important;
font-size: 1.125rem !important;
height: 2rem !important;
}
margin-bottom: 5px;
@ -1284,7 +1284,7 @@
}
.label {
font-size: 12px;
font-size: 0.75rem;
font-weight: normal;
}
@ -1376,7 +1376,7 @@
padding-right: 10px;
}
.gray-icon .icon i::before, .gray-icon i::before {
font-size: 21px !important;
font-size: 1.3125rem !important;
}
.view-mode-icon {
@ -1427,7 +1427,7 @@
cursor: pointer;
color: $blue5;
height: 27px;
font-size: 18px !important;
font-size: 1.125rem !important;
height: 2rem !important;
}
}

16
src/admin/pages/lists/term-items-page.vue
View File

@ -1184,8 +1184,8 @@
}
h1 {
font-size: 20px;
font-weight: 500;
font-size: 1.25rem;
font-weight: normal;
color: $blue5;
display: inline-block;
}
@ -1201,8 +1201,8 @@
padding: 0 $table-side-padding;
h1 {
font-size: 20px;
font-weight: 500;
font-size: 1.25rem;
font-weight: normal;
color: $blue5;
display: inline-block;
}
@ -1273,7 +1273,7 @@
cursor: pointer;
color: $blue5;
height: 27px;
font-size: 18px !important;
font-size: 1.125rem !important;
height: 2rem !important;
}
margin-bottom: 5px;
@ -1281,7 +1281,7 @@
}
.label {
font-size: 12px;
font-size: 0.75rem;
font-weight: normal;
}
@ -1373,7 +1373,7 @@
padding-right: 10px;
}
.gray-icon .icon i::before, .gray-icon i::before {
font-size: 21px !important;
font-size: 1.3125rem !important;
}
.view-mode-icon {
@ -1424,7 +1424,7 @@
cursor: pointer;
color: $blue5;
height: 27px;
font-size: 18px !important;
font-size: 1.125rem !important;
height: 2rem !important;
}
}

6
src/admin/scss/_buttons.scss
View File

@ -53,10 +53,10 @@
}
.button.is-small {
height: 26px !important;
line-height: 12px;
line-height: 0.75rem;
}
.button:not(.is-small):not(.is-medium):not(.is-large) {
height: 30px !important;
line-height: 20px !important;
font-size: 14px !important;
line-height: 1.25rem !important;
font-size: 0.875rem !important;
}

6
src/admin/scss/_dropdown-and-autocomplete.scss
View File

@ -23,10 +23,10 @@
.dropdown-item {
text-decoration: none;
padding: 0.375rem 1rem;
font-size: 13px;
font-size: 0.8125rem;
color: $tainacan-input-color !important;
label { margin-bottom: 0; }
&.control { font-size: 13px !important; }
&.control { font-size: 0.8125rem !important; }
.b-checkbox { width: 100% };
&:hover { background-color: $gray2; }
.is-small { color: $gray4; }
@ -97,7 +97,7 @@
border-style: solid;
background-color: white;
display: flex;
font-size: 12px;
font-size: 0.75rem;
.tags {
margin-right: 8px;

2
src/admin/scss/_inputs.scss
View File

@ -1,5 +1,5 @@
.input, .textarea {
font-size: 14px;
font-size: 0.875rem;
border-radius: 1px !important;
box-shadow: none !important;
background-color: white;

8
src/admin/scss/_modals.scss
View File

@ -15,8 +15,8 @@
align-items: flex-end;
h1, h2 {
font-size: 20px;
font-weight: 500;
font-size: 1.25rem;
font-weight: normal;
color: $blue5;
display: inline-block;
width: 90%;
@ -109,8 +109,8 @@
display: inline-flex !important;
cursor: pointer;
height: 30px !important;
line-height: 20px !important;
font-size: 14px !important;
line-height: 1.25rem !important;
font-size: 0.875rem !important;
}
.button.is-success {
border: none;

6
src/admin/scss/_pagination.scss
View File

@ -39,7 +39,7 @@
flex-grow: 5;
margin-right: 0.5em;
.label {
font-size: 1em !important;
// font-size: 1em !important;
font-weight: normal !important;
color: $gray4;
}
@ -78,12 +78,12 @@
}
.mdi-chevron-left::before {
content: "\F40A";
font-size: 17px;
font-size: 1.0625rem;
transform: rotate(180deg);
}
.mdi-chevron-right::before {
content: "\F40A";
font-size: 17px;
font-size: 1.0625rem;
}
@media screen and (max-width: 768px) {

2
src/admin/scss/_selects.scss
View File

@ -4,7 +4,7 @@
border: none;
border-radius: 1px !important;
font-weight: normal;
font-size: 14px !important;
font-size: 0.875rem !important;
height: 30px !important;
padding: 2px 25px 2px 15px!important;
margin-top: 0px !important;

2
src/admin/scss/_switches.scss
View File

@ -35,7 +35,7 @@
}
&.is-small {
font-size: 8px;
font-size: 0.5rem;
input[type="checkbox"] + .check {
border: 1.5px solid $gray4;

28
src/admin/scss/_tables.scss
View File

@ -67,8 +67,8 @@
max-width: 80px;
p {
color: $gray4;
font-size: 11px;
line-height: 1.5;
font-size: 0.6875rem;
line-height: 1.03125rem;
}
}
.column-default-width {
@ -76,8 +76,8 @@
max-width: 160px;
p {
color: $gray4;
font-size: 11px;
line-height: 1.5;
font-size: 0.6875rem;
line-height: 1.03125rem;
}
}
.column-medium-width {
@ -85,8 +85,8 @@
max-width: 200px;
p {
color: $gray4;
font-size: 11px;
line-height: 1.5;
font-size: 0.6875rem;
line-height: 1.03125rem;
}
}
.column-large-width {
@ -94,15 +94,15 @@
max-width: 240px;
p {
color: $gray4;
font-size: 11px;
line-height: 1.5;
font-size: 0.6875rem;
line-height: 1.03125rem;
}
}
.column-main-content {
min-width: 120px !important;
max-width: 240px !important;
p {
font-size: 14px !important;
font-size: 0.875rem !important;
color: $tainacan-input-color !important;
margin: 0px !important;
}
@ -125,7 +125,7 @@
vertical-align: bottom;
.th-wrap {
font-size: 12px !important;
font-size: 0.75rem !important;
color: $gray4;
font-weight: normal !important;
text-overflow: ellipsis;
@ -149,10 +149,10 @@
max-height: 60px;
padding: 10px;
vertical-align: middle;
line-height: 12px;
line-height: 0.75rem;
border: none !important;
p {
font-size: 14px;
font-size: 0.875rem;
margin: 0px;
text-overflow: ellipsis;
overflow-x: hidden;
@ -186,10 +186,10 @@
a {
margin: auto;
font-size: 18px !important;
font-size: 1.125rem !important;
.mdi-settings, .mdi-settings::before {
font-size: 23px;
font-size: 1.4375rem;
}
}

2
src/admin/scss/_tabs.scss
View File

@ -1,7 +1,7 @@
// Tabs
.tabs {
a {
font-size: 13px;
font-size: 0.8125rem;
margin-bottom: -3px !important;
&:hover{
border-bottom-color: transparent;

6
src/admin/scss/_tainacan-form.scss
View File

@ -25,7 +25,7 @@
}
.label {
font-weight: bold;
font-size: 14px;
font-size: 0.875rem;
display: inline-block;
white-space: nowrap;
text-overflow: ellipsis;
@ -49,7 +49,7 @@
height: 2.0em;
.mdi-alert-circle::before {
content: "\F156" !important;
font-size: 16px !important;
font-size: 1rem !important;
}
}
}
@ -67,7 +67,7 @@
.control-label { // The value part in checkbox, radio and switches
color: $tainacan-input-color;
padding-left: 0.8em;
font-size: 12px;
font-size: 0.75rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;

2
src/admin/scss/_tooltips.scss
View File

@ -11,7 +11,7 @@
.tooltip-inner {
background: $turquoise1;
color: $gray5;
font-size: 11px;
font-size: 0.6875rem;
border-radius: 5px;
padding: 20px;
max-width: 280px;

2
src/admin/scss/tainacan-admin.scss
View File

@ -54,7 +54,7 @@ a:hover {
}
.add-link {
display: inline;
font-size: 12px;
font-size: 0.75rem;
&.disabled {
pointer-events: none;
cursor: default;

4
src/admin/theme-items-list.vue
View File

@ -163,7 +163,7 @@ export default {
.gray-icon, .gray-icon .icon {
color: $gray4 !important;
i::before {
font-size: 21px;
font-size: 1.3125rem;
}
}
.dropdown-item {
@ -175,7 +175,7 @@ export default {
margin-left: 4px;
&.icon i::before, .gray-icon i::before {
font-size: 19px !important;
font-size: 1.1875px !important;
}
}
}

4
src/classes/filter-types/autocomplete/Autocomplete.vue
View File

@ -180,10 +180,10 @@
#profileImage {
width: 32px;
height: 32px;
font-size: 35px;
font-size: 2.1875rem;
color: #fff;
text-align: center;
line-height: 150px;
line-height: 9.375rem;
margin: 20px 0;
}
</style>

2
src/classes/filter-types/checkbox/Checkbox.vue
View File

@ -212,7 +212,7 @@
this.options.splice(j--, 1);
}
if (i == this.options.length - 1)
this.options[i].seeMoreLink = `<a style="font-size: 12px;"> ${ this.$i18n.get('label_view_all') } </a>`;
this.options[i].seeMoreLink = `<a style="font-size: 0.75rem;"> ${ this.$i18n.get('label_view_all') } </a>`;
}
this.selectedValues();

4
src/classes/filter-types/filter-types-mixin.js
View File

@ -88,7 +88,7 @@ export const filter_type_mixin = {
}
if (this.filter.max_options && this.options.length >= this.filter.max_options) {
let seeMoreLink = `<a style="font-size: 12px;"> ${ this.$i18n.get('label_view_all') } </a>`;
let seeMoreLink = `<a style="font-size: 0.75rem;"> ${ this.$i18n.get('label_view_all') } </a>`;
if(this.options.length === this.filter.max_options){
this.options[this.filter.max_options-1].seeMoreLink = seeMoreLink;
@ -169,7 +169,7 @@ export const filter_type_mixin = {
}
if (this.filter.max_options && this.options.length >= this.filter.max_options) {
let seeMoreLink = `<a style="font-size: 12px;"> ${ this.$i18n.get('label_view_all') } </a>`;
let seeMoreLink = `<a style="font-size: 0.75rem;"> ${ this.$i18n.get('label_view_all') } </a>`;
if(this.options.length === this.filter.max_options){
this.options[this.filter.max_options-1].seeMoreLink = seeMoreLink;

10
src/classes/filter-types/tainacan-filter-item.vue
View File

@ -117,14 +117,14 @@
margin: 0;
height: 24px;
padding: 0;
font-size: 12px;
font-size: 0.75rem;
}
.pagination-next {
margin: 0;
height: 24px;
padding: 0;
font-size: 12px;
font-size: 0.75rem;
}
}
@ -195,12 +195,12 @@
.label {
font-weight: normal !important;
font-size: 14px;
font-size: 0.875rem;
width: 100%;
}
.taginput-container {
font-size: 14px;
font-size: 0.875rem;
border-radius: 1px !important;
box-shadow: none !important;
transition: background-color 0.1s;
@ -261,7 +261,7 @@
.b-checkbox.checkbox {
font-weight: normal;
font-size: 12px;
font-size: 0.75rem;
margin-right: 2px;
}

4
src/classes/filter-types/taxonomy/Checkbox.vue
View File

@ -123,7 +123,7 @@
this.options.splice(this.filter.max_options);
}
let seeMoreLink = `<a style="font-size: 12px;"> ${ this.$i18n.get('label_view_all') } </a>`;
let seeMoreLink = `<a style="font-size: 0.75rem;"> ${ this.$i18n.get('label_view_all') } </a>`;
if(this.options.length === this.filter.max_options){
this.options[this.filter.max_options-1].seeMoreLink = seeMoreLink;
@ -226,7 +226,7 @@
this.options.splice(j--, 1);
}
if (i == this.options.length - 1)
this.options[i].seeMoreLink = `<a style="font-size: 12px;"> ${ this.$i18n.get('label_view_all') } </a>`;
this.options[i].seeMoreLink = `<a style="font-size: 0.75rem;"> ${ this.$i18n.get('label_view_all') } </a>`;
}
this.selectedValues();

4
src/classes/metadata-types/tainacan-form-item.vue
View File

@ -226,13 +226,13 @@
padding: 10px 25px;
.label {
font-size: 14px;
font-size: 0.875rem;
font-weight: 500;
margin-left: 15px;
margin-bottom: 0.5em;
}
.metadata-type {
font-size: 13px;
font-size: 0.8125rem;
font-weight: 400;
color: $gray3;
top: -0.2em;