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

Adds option to customize theme font family #338. Some other CSS adjustments.

This commit is contained in:
Mateus Machado Luna 2020-03-03 12:24:47 -03:00
parent 83f4ba6681
commit 75c947fb81
16 changed files with 23 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/admin/components/filter-types/date/Date.vue
View File

@ -252,6 +252,7 @@
.dropdown-trigger button { .dropdown-trigger button {
padding: 0 0.5em !important; padding: 0 0.5em !important;
height: auto !important; height: auto !important;
min-height: 100%;
i:not(.tainacan-icon-arrowdown) { i:not(.tainacan-icon-arrowdown) {
margin-top: -3px; margin-top: -3px;

1
src/views/admin/components/filter-types/numeric/Numeric.vue
View File

@ -175,6 +175,7 @@
.dropdown-trigger button { .dropdown-trigger button {
height: auto !important; height: auto !important;
font-size: 1em !important; font-size: 1em !important;
min-height: 100%;
i:not(.tainacan-icon-arrowdown) { i:not(.tainacan-icon-arrowdown) {
font-size: 1.25em; font-size: 1.25em;

1
src/views/admin/components/filter-types/tainacan-filter-item.vue
View File

@ -104,6 +104,7 @@
width: 100%; width: 100%;
overflow-x: hidden; overflow-x: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
line-height: 1.3em;
} }
} }
.collapse-content { .collapse-content {

2
src/views/admin/scss/_buttons.scss
View File

@ -20,7 +20,7 @@ button.link-style:active {
border-radius: 6px !important; border-radius: 6px !important;
font-weight: normal; font-weight: normal;
text-transform: inherit; text-transform: inherit;
font-family: inherit; font-family: var(--tainacan-font-family, inherit);
padding: 2px 13px !important; padding: 2px 13px !important;
margin-top: 0px !important; margin-top: 0px !important;
margin-bottom: 0px !important; margin-bottom: 0px !important;

3
src/views/admin/scss/_checkboxes.scss
View File

@ -1,5 +1,6 @@
.b-checkbox.checkbox { .b-checkbox.checkbox {
font-family: var(--tainacan-font-family, inherit);
input[type="checkbox"] { input[type="checkbox"] {
box-shadow: none !important; box-shadow: none !important;
} }

3
src/views/admin/scss/_custom_variables.scss
View File

@ -64,7 +64,8 @@
// Background // Background
--tainacan-background-color: var(--tainacan-white); --tainacan-background-color: var(--tainacan-white);
// Font size // Font family and size
--tainacan-font-family: #{$family-sans-serif};
--tainacan-base-font-size: #{$base-font-size}; --tainacan-base-font-size: #{$base-font-size};
// Filter Menu Width when not a modal // Filter Menu Width when not a modal

1
src/views/admin/scss/_inputs.scss
View File

@ -19,6 +19,7 @@ input[type="week"].input {
height: auto; height: auto;
line-height: 1em; line-height: 1em;
font-size: 0.875em; font-size: 0.875em;
font-family: var(--tainacan-font-family, inherit);
border-radius: 1px !important; border-radius: 1px !important;
box-shadow: none !important; box-shadow: none !important;
background-color: var(--tainacan-input-background-color); background-color: var(--tainacan-input-background-color);

1
src/views/admin/scss/_modals.scss
View File

@ -56,6 +56,7 @@
} }
} }
.tainacan-modal-content { .tainacan-modal-content {
font-family: var(--tainacan-font-family, inherit);
border-radius: 0px; border-radius: 0px;
background-color: var(--tainacan-background-color); background-color: var(--tainacan-background-color);
padding: 40px $page-side-padding; padding: 40px $page-side-padding;

1
src/views/admin/scss/_radios.scss
View File

@ -1,4 +1,5 @@
.b-radio.radio { .b-radio.radio {
font-family: var(--tainacan-font-family, inherit);
input[type="radio"] + .check { input[type="radio"] + .check {
width: 0.755em !important; width: 0.755em !important;

1
src/views/admin/scss/_selects.scss
View File

@ -14,6 +14,7 @@
border-radius: 1px !important; border-radius: 1px !important;
font-weight: normal; font-weight: normal;
font-size: 0.875em !important; font-size: 0.875em !important;
font-family: var(--tainacan-font-family, inherit);
line-height: 1.5em; line-height: 1.5em;
height: auto !important; height: auto !important;
padding: calc(0.375em - 1px) 20px calc(0.375em - 1px) 10px !important; padding: calc(0.375em - 1px) 20px calc(0.375em - 1px) 10px !important;

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

@ -1,6 +1,8 @@
// Tabs // Tabs
.tabs { .tabs {
font-size: 1em; font-size: 1em;
font-family: var(--tainacan-font-family, inherit);
ul { ul {
border-bottom-color: var(--tainacan-input-border-color); border-bottom-color: var(--tainacan-input-border-color);
} }

1
src/views/admin/scss/_tags.scss
View File

@ -1,4 +1,5 @@
.tags { .tags {
font-family: var(--tainacan-font-family, inherit);
border: solid 1px var(--tainacan-input-border-color) !important; border: solid 1px var(--tainacan-input-border-color) !important;
border-radius: 20px; border-radius: 20px;
flex-wrap: nowrap; flex-wrap: nowrap;

1
src/views/admin/scss/_tooltips.scss
View File

@ -22,6 +22,7 @@
} }
.tooltip { .tooltip {
font-size: 0.6875em; font-size: 0.6875em;
font-family: var(--tainacan-font-family, inherit);
z-index: 999999999; z-index: 999999999;
display: block !important; display: block !important;

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

@ -50,7 +50,7 @@ body.tainacan-admin-page #adminmenumain, body.tainacan-admin-page #wpfooter, bod
z-index: 999999; z-index: 999999;
overflow-y: auto; overflow-y: auto;
margin: 0px !important; margin: 0px !important;
font-family: $family-sans-serif; font-family: var(--tainacan-font-family, $family-sans-serif);
font-size: 1em; font-size: 1em;
} }

6
src/views/theme-search/scss/_view-mode-slideshow.scss
View File

@ -138,9 +138,9 @@
z-index: 99; z-index: 99;
top: 123px; top: 123px;
left: 0; left: 0;
max-width: 33px; max-width: 1.625em;
height: 26px; height: 1.625em;
width: 33px; width: 1.625em;
border: none; border: none;
background-color: var(--tainacan-gray5); background-color: var(--tainacan-gray5);
color: var(--tainacan-white); color: var(--tainacan-white);

5
src/views/theme-search/theme-search.vue
View File

@ -72,8 +72,9 @@ export default {
@import "../admin/scss/_custom_variables.scss"; @import "../admin/scss/_custom_variables.scss";
.theme-items-list { .theme-items-list {
background: var(--tainacan-background-color); background: var(--tainacan-background-color, inherit);
font-size: var(--tainacan-base-font-size); font-size: var(--tainacan-base-font-size, inherit);
font-family: var(--tainacan-font-family, inherit);
position: relative; position: relative;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;