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

Updates TainacanIcons and more WP 5.4 adjustments #372.

This commit is contained in:
Mateus Machado Luna 2020-03-11 10:08:04 -03:00
parent eb6ca44504
commit dec4e96178
24 changed files with 204 additions and 217 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css
View File

@ -18,7 +18,7 @@
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }

2
src/assets/css/tainacan-gutenberg-block-carousel-items-list.css
View File

@ -18,7 +18,7 @@
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }

2
src/assets/css/tainacan-gutenberg-block-carousel-terms-list.css
View File

@ -18,7 +18,7 @@
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }

2
src/assets/css/tainacan-gutenberg-block-collections-list.css
View File

@ -18,7 +18,7 @@
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }

2
src/assets/css/tainacan-gutenberg-block-dynamic-items-list.css
View File

@ -18,7 +18,7 @@
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }

2
src/assets/css/tainacan-gutenberg-block-faceted-search.css
View File

@ -18,7 +18,7 @@
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }

2
src/assets/css/tainacan-gutenberg-block-facets-list.css
View File

@ -18,7 +18,7 @@
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }

2
src/assets/css/tainacan-gutenberg-block-items-list.css
View File

@ -18,7 +18,7 @@
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }

2
src/assets/css/tainacan-gutenberg-block-search-bar.css
View File

@ -18,7 +18,7 @@
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }

2
src/assets/css/tainacan-gutenberg-block-terms-list.css
View File

@ -18,7 +18,7 @@
margin: 12px 1.5em !important;
fill: #555758; }
.block-control p svg {
top: 4px;
top: 6px;
margin-right: 0.75em;
position: relative;
fill: #555758; }

308
src/assets/css/tainacanicons.css
View File

@ -306,6 +306,24 @@ font-weight: normal;
.tainacan-icon-dinterms:before {
content: "dinterms";
}
.tainacan-icon-userfill:before {
content: "userfill";
}
.tainacan-icon-calendar:before {
content: "calendar";
}
.tainacan-icon-role:before {
content: "role";
}
.tainacan-icon-capability:before {
content: "capability";
}
.tainacan-icon-comment:before {
content: "comment";
}
.tainacan-icon-viewas:before {
content: "viewas";
}
.tainacan-icon-18px.tainacan-icon-set,
.tainacan-icon-18px.tainacan-icon:before {
@ -352,147 +370,147 @@ font-weight: normal;
}
.tainacan-icon-rotate-45 {
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(45deg);
transform: scaleX(-1) rotate(45deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(45deg);
-ms-transform: rotate(45deg);
transform: scaleY(-1) rotate(45deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(45deg);
transform: scaleX(-1) rotate(45deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(45deg);
-ms-transform: rotate(45deg);
transform: scaleY(-1) rotate(45deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.tainacan-icon-rotate-45:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.tainacan-icon-rotate-90 {
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(90deg);
transform: scaleX(-1) rotate(90deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(90deg);
-ms-transform: rotate(90deg);
transform: scaleY(-1) rotate(90deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(90deg);
transform: scaleX(-1) rotate(90deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(90deg);
-ms-transform: rotate(90deg);
transform: scaleY(-1) rotate(90deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.tainacan-icon-rotate-90:before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.tainacan-icon-rotate-135 {
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(135deg);
transform: scaleX(-1) rotate(135deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(135deg);
-ms-transform: rotate(135deg);
transform: scaleY(-1) rotate(135deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(135deg);
transform: scaleX(-1) rotate(135deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(135deg);
-ms-transform: rotate(135deg);
transform: scaleY(-1) rotate(135deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.tainacan-icon-rotate-135:before {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.tainacan-icon-rotate-180 {
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(180deg);
transform: scaleX(-1) rotate(180deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(180deg);
-ms-transform: rotate(180deg);
transform: scaleY(-1) rotate(180deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(180deg);
transform: scaleX(-1) rotate(180deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(180deg);
-ms-transform: rotate(180deg);
transform: scaleY(-1) rotate(180deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.tainacan-icon-rotate-180:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.tainacan-icon-rotate-225 {
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(225deg);
transform: scaleX(-1) rotate(225deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(225deg);
-ms-transform: rotate(225deg);
transform: scaleY(-1) rotate(225deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(225deg);
transform: scaleX(-1) rotate(225deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(225deg);
-ms-transform: rotate(225deg);
transform: scaleY(-1) rotate(225deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.tainacan-icon-rotate-225:before {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.tainacan-icon-rotate-270 {
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(270deg);
transform: scaleX(-1) rotate(270deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(270deg);
-ms-transform: rotate(270deg);
transform: scaleY(-1) rotate(270deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
/*
// Not included in production
&.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1) rotate(270deg);
transform: scaleX(-1) rotate(270deg);
filter: FlipH;
-ms-filter: "FlipH";
}
&.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1) rotate(270deg);
-ms-transform: rotate(270deg);
transform: scaleY(-1) rotate(270deg);
filter: FlipV;
-ms-filter: "FlipV";
}
*/
}
.tainacan-icon-rotate-270:before {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.tainacan-icon-rotate-315 {
@ -514,47 +532,47 @@ transform: rotate(270deg);
*/
}
.tainacan-icon-rotate-315:before {
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
}
.tainacan-icon-flip-h:before {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.tainacan-icon-flip-v:before {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
}
.tainacan-icon-spin:before {
-webkit-animation: mdi-spin 2s infinite linear;
animation: mdi-spin 2s infinite linear;
-webkit-animation: mdi-spin 2s infinite linear;
animation: mdi-spin 2s infinite linear;
}
@-webkit-keyframes mdi-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes mdi-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes mdi-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}

BIN
src/assets/fonts/TainacanIcons.eot
View File

Binary file not shown.

BIN
src/assets/fonts/TainacanIcons.otf
View File

Binary file not shown.

BIN
src/assets/fonts/TainacanIcons.ttf
View File

Binary file not shown.

BIN
src/assets/fonts/TainacanIcons.woff
View File

Binary file not shown.

BIN
src/assets/fonts/TainacanIcons.woff2
View File

Binary file not shown.

2
src/tainacan.php
View File

@ -10,7 +10,7 @@ License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
const TAINACAN_VERSION = '0.15.1';
const TAINACAN_VERSION = '0.16';
defined( 'ABSPATH' ) or die( 'No script kiddies please!' );
$TAINACAN_BASE_URL = plugins_url('', __FILE__);

26
src/views/admin/components/navigation/primary-menu.vue
View File

@ -156,27 +156,7 @@
placement: 'auto'
}"
class="icon">
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
viewBox="0 0 833 750"
data-name="Camada 1"
id="Camada_1">
<defs
id="defs11" />
<path
id="path4"
transform="translate(-83.5 -125)"
d="M812.38,125H187.62A103.77,103.77,0,0,0,83.5,229.12V770.88A104.1,104.1,0,0,0,187.62,875H812.38A104,104,0,0,0,916.5,771V229.12A104.12,104.12,0,0,0,812.38,125ZM833.5,792h-666V209h666Z" />
<path
id="path6"
transform="translate(-83.5 -125)"
d="M377.5,626a126,126,0,0,0,118.82-84H583.5v83h84V542h83V459H496.67A126,126,0,1,0,377.5,626Zm0-168a42,42,0,1,1-42,42A42,42,0,0,1,377.5,458Z" />
</svg>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-capability"/>
</span>
<span class="menu-text">{{ $i18n.get('capabilities') }}</span>
</router-link>
@ -314,6 +294,10 @@ export default {
width: 18px;
fill: var(--tainacan-white);
}
.tainacan-icon-capability::before {
font-size: 1.75em !important;
width: 0.7em;
}
a:hover, a.is-active {
background-color: var(--tainacan-blue3);

25
src/views/admin/components/navigation/tainacan-collection-subheader.vue
View File

@ -165,27 +165,7 @@
:to="{ path: collection && collection.id ? $routerHelper.getCollectionCapabilitiesPath(collection.id) : '' }"
:aria-label="$i18n.get('label_collection_capabilities')">
<span class="icon">
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
viewBox="0 0 833 750"
data-name="Camada 1"
id="Camada_1">
<defs
id="defs11" />
<path
id="path4"
transform="translate(-83.5 -125)"
d="M812.38,125H187.62A103.77,103.77,0,0,0,83.5,229.12V770.88A104.1,104.1,0,0,0,187.62,875H812.38A104,104,0,0,0,916.5,771V229.12A104.12,104.12,0,0,0,812.38,125ZM833.5,792h-666V209h666Z" />
<path
id="path6"
transform="translate(-83.5 -125)"
d="M377.5,626a126,126,0,0,0,118.82-84H583.5v83h84V542h83V459H496.67A126,126,0,1,0,377.5,626Zm0-168a42,42,0,1,1-42,42A42,42,0,0,1,377.5,458Z" />
</svg>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-capability"/>
</span>
<span class="menu-text">{{ $i18n.get('capabilities') }}</span>
</router-link>
@ -358,6 +338,9 @@ export default {
height: 16px;
fill: var(--tainacan-white);
}
.tainacan-icon-capability::before {
font-size: 1.75em !important;
}
}
.menu-text {
margin-left: 2px;

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

@ -402,7 +402,7 @@
:disabled="totalItems == undefined || totalItems <= 0"
@click="openExposersModal()">
<span class="gray-icon">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-url"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-viewas"/>
</span>
<span class="is-hidden-touch is-hidden-desktop-only">{{ $i18n.get('label_view_as') }}</span>
</button>

2
src/views/admin/pages/singles/item-page.vue
View File

@ -288,7 +288,7 @@
:disabled="isLoading"
@click="openExposersModal()">
<span class="icon is-large">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-url"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-viewas"/>
</span>
<span class="is-hidden-touch">{{ $i18n.get('label_view_as') }}</span>
</button>

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

@ -38,6 +38,9 @@
.mdi-account::before {
content: 'user';
}
.mdi-calendar-today::before {
content: 'calendar';
}
}
}
&.has-icons-right .icon .mdi-magnify::before {

31
src/views/admin/scss/_dropdown-and-autocomplete.scss
View File

@ -191,22 +191,21 @@
}
}
// Not working yet, as we don't have this icon.
// .dropdown-trigger {
// span.icon>i.mdi-calendar-today::before{
// display: inline-block;
// font: "TainacanIcons" normal normal normal 20px/1;
// font-size: inherit;
// text-rendering: auto;
// vertical-align: middle;
// line-height: inherit;
// -webkit-font-smoothing: antialiased;
// -moz-osx-font-smoothing: grayscale;
// content: 'calendar';
// text-transform: none !important;
// letter-spacing: normal !important;
// }
// }
.dropdown-trigger {
span.icon>i.mdi-calendar-today::before{
display: inline-block;
font: "TainacanIcons" normal normal normal 20px/1;
font-size: inherit;
text-rendering: auto;
vertical-align: middle;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: 'calendar';
text-transform: none !important;
letter-spacing: normal !important;
}
}
& .dropdown.is-mobile-modal {
@media screen and (max-width: 768px) {

2
src/views/theme-search/pages/theme-items-page.vue
View File

@ -327,7 +327,7 @@
:disabled="totalItems == undefined || totalItems <= 0"
@click="openExposersModal()">
<span class="gray-icon">
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-url"/>
<i class="tainacan-icon tainacan-icon-1-25em tainacan-icon-viewas"/>
</span>
<span class="is-hidden-touch is-hidden-desktop-only">{{ $i18n.get('label_view_as') }}</span>
</button>