Merge branch 'develop' of https://github.com/tainacan/tainacan into develop
This commit is contained in:
rondelly
commit
beca0011cf
|
|
@ -22,6 +22,7 @@ class Admin {
|
|||
add_filter( 'admin_body_class', array( &$this, 'admin_body_class' ) );
|
||||
|
||||
add_action( 'init', array( &$this, 'register_user_meta' ) );
|
||||
add_action( 'after_setup_theme', array( &$this, 'load_icon_font'));
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -43,6 +44,7 @@ class Admin {
|
|||
add_action( 'admin_enqueue_scripts', array( &$this, 'add_admin_js' ), 90 );
|
||||
}
|
||||
|
||||
|
||||
function login_styles_reset( $style ) {
|
||||
if ( strpos( $style, 'wp-admin-css' ) !== false ) {
|
||||
$style = null;
|
||||
|
|
@ -51,6 +53,16 @@ class Admin {
|
|||
return $style;
|
||||
}
|
||||
|
||||
function load_icon_font() {
|
||||
add_action( 'wp_enqueue_scripts', array(&$this, 'add_material_design_icon_css') );
|
||||
}
|
||||
|
||||
function add_material_design_icon_css() {
|
||||
global $TAINACAN_BASE_URL;
|
||||
|
||||
wp_enqueue_style( 'style', $TAINACAN_BASE_URL . '/assets/css/fonts/materialdesignicons.css' );
|
||||
}
|
||||
|
||||
function add_admin_css() {
|
||||
global $TAINACAN_BASE_URL;
|
||||
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<div
|
||||
class="tainacan-page-title"
|
||||
id="title-row">
|
||||
<h1>{{ pageTitle }} <span class="has-text-weight-bold">{{ isRepositoryLevel ? '' : entityName }}</span></h1>
|
||||
<h1>{{ pageTitle }} <span class="is-italic">{{ isRepositoryLevel ? '' : entityName }}</span></h1>
|
||||
<a
|
||||
@click="$router.go(-1)"
|
||||
class="back-link is-secondary">
|
||||
|
|
@ -118,7 +118,8 @@ export default {
|
|||
},
|
||||
created() {
|
||||
this.isRepositoryLevel = (this.$route.params.collectionId == undefined);
|
||||
this.pageTitle = this.$route.meta.title;
|
||||
document.title = this.$route.meta.title;
|
||||
this.pageTitle = document.title;
|
||||
|
||||
this.arrayRealPath = this.$route.path.split("/");
|
||||
this.arrayRealPath = this.arrayRealPath.filter((item) => item.length != 0);
|
||||
|
|
|
|||
|
|
@ -12,15 +12,17 @@
|
|||
:key="key">
|
||||
|
||||
<p/>
|
||||
<div class="has-text-weight-bold is-capitalized">{{ `${key.replace('_', ' ')}:` }}</div>
|
||||
<div class="has-text-weight-bold is-capitalized">
|
||||
{{ `${key.replace(/_/g, ' ')}:` }}
|
||||
</div>
|
||||
<div v-if="key === 'thumbnail'">
|
||||
<div class="image is-128x128">
|
||||
<img :src="diff.old">
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-else-if="!Array.isArray(diff.old)"
|
||||
class="content is-inline">
|
||||
v-else-if="diff.old.constructor.name !== 'Array' && diff.old.constructor.name !== 'Object'"
|
||||
class="is-inline">
|
||||
{{ diff.old }}
|
||||
</div>
|
||||
<div
|
||||
|
|
@ -29,7 +31,6 @@
|
|||
:key="ind">
|
||||
<div v-if="o.hasOwnProperty('mime_type') && o.mime_type.includes('image') && key === 'attachments'">
|
||||
|
||||
|
||||
<article class="media">
|
||||
<div class="media-left bottom-space-tainacan">
|
||||
<p class="image is-64x64"><img :src="o.url"></p>
|
||||
|
|
@ -49,17 +50,18 @@
|
|||
|
||||
<div
|
||||
v-else-if="key === 'fields_order' || key === 'filters_order'"
|
||||
class="is-capitalized"
|
||||
:class="{ 'back-hlight': diff.diff_with_index.hasOwnProperty(i) }">
|
||||
class="is-capitalized">
|
||||
{{ `ID: ${o.id} Enabled: ${o.enabled ? o.enabled : 'false'}` }}
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-else
|
||||
class="content is-inline is-capitalized"
|
||||
v-for="(o2, ind2) in o"
|
||||
:key="ind2">
|
||||
<div class="is-inline is-capitalized">{{ `${ind2 ? ind2.replace('_', ' ')+':' : ''} ${o2} ` }}</div>
|
||||
v-for="(e, i2) in o"
|
||||
:key="i2"
|
||||
class="is-inline">
|
||||
<div class="is-capitalized">
|
||||
{{ `${i2.replace(/_/g, ' ')}: ${e} ` }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -79,7 +81,7 @@
|
|||
<div
|
||||
class="has-text-weight-bold is-capitalized"
|
||||
:class="{ 'has-text-success': !diff.old, 'back-hlight': !diff.old }">
|
||||
{{ `${key.replace('_', ' ')}:` }}
|
||||
{{ `${key.replace(/_/g, ' ')}:` }}
|
||||
</div>
|
||||
<div v-if="key === 'thumbnail'">
|
||||
<div class="image is-128x128">
|
||||
|
|
@ -135,7 +137,7 @@
|
|||
<div
|
||||
class="is-capitalized"
|
||||
:class="{ 'back-hlight': diff.diff_with_index.hasOwnProperty(i) }">
|
||||
{{ `${i2.replace('_', ' ')}: ${e} ` }}
|
||||
{{ `${i2.replace(/_/g, ' ')}: ${e} ` }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -13,18 +13,19 @@
|
|||
:key="key">
|
||||
|
||||
<p/>
|
||||
<div class="has-text-weight-bold is-capitalized">{{ `${key.replace('_', ' ')}:` }}</div>
|
||||
<div class="has-text-weight-bold is-capitalized">
|
||||
{{ `${key.replace(/_/g, ' ')}:` }}
|
||||
</div>
|
||||
<div v-if="key === 'thumbnail'">
|
||||
<div class="image is-128x128">
|
||||
<img :src="diff.old">
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
v-else-if="!Array.isArray(diff.old)"
|
||||
class="content is-inline">
|
||||
v-else-if="diff.old.constructor.name !== 'Array' && diff.old.constructor.name !== 'Object'"
|
||||
class="is-inline">
|
||||
{{ diff.old }}
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-else
|
||||
v-for="(o, ind) in diff.old"
|
||||
|
|
@ -52,17 +53,18 @@
|
|||
|
||||
<div
|
||||
v-else-if="key === 'fields_order' || key === 'filters_order'"
|
||||
class="is-capitalized"
|
||||
:class="{ 'back-hlight': diff.diff_with_index.hasOwnProperty(i) }">
|
||||
class="is-capitalized">
|
||||
{{ `ID: ${o.id} Enabled: ${o.enabled ? o.enabled : 'false'}` }}
|
||||
</div>
|
||||
|
||||
<div
|
||||
v-else
|
||||
class="content is-inline is-capitalized"
|
||||
v-for="(o2, ind2) in o"
|
||||
:key="ind2">
|
||||
<div class="is-inline is-capitalized">{{ `${ind2 ? ind2.replace('_', ' ')+':' : ''} ${o2} ` }}</div>
|
||||
v-for="(e, i2) in o"
|
||||
:key="i2"
|
||||
class="is-inline">
|
||||
<div class="is-capitalized">
|
||||
{{ `${i2.replace(/_/g, ' ')}: ${e} ` }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -77,7 +79,7 @@
|
|||
<div
|
||||
class="has-text-weight-bold is-capitalized"
|
||||
:class="{ 'has-text-success': !diff.old, 'back-hlight': !diff.old }">
|
||||
{{ `${key.replace('_', ' ')}:` }}
|
||||
{{ `${key.replace(/_/g, ' ')}:` }}
|
||||
</div>
|
||||
<div v-if="key === 'thumbnail'">
|
||||
<div class="image is-128x128">
|
||||
|
|
@ -134,7 +136,7 @@
|
|||
<div
|
||||
class="is-capitalized"
|
||||
:class="{ 'back-hlight': diff.diff_with_index.hasOwnProperty(i) }">
|
||||
{{ `${i2.replace('_', ' ')}: ${e} ` }}
|
||||
{{ `${i2.replace(/_/g, ' ')}: ${e} ` }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,9 @@
|
|||
<template>
|
||||
<span>
|
||||
<div class="header-item">
|
||||
|
||||
<b-dropdown
|
||||
v-if="!isOnTheme"
|
||||
id="item-creation-options-dropdown">
|
||||
<div
|
||||
class="header-item"
|
||||
v-if="!isOnTheme">
|
||||
<b-dropdown id="item-creation-options-dropdown">
|
||||
<button
|
||||
class="button is-secondary"
|
||||
slot="trigger">
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@ Vue.component('items-page', ItemsPage);
|
|||
|
||||
Vue.use(eventBusSearch, { store: store, router: routerTheme});
|
||||
|
||||
import ThemeItemsList from '../theme-items-list.vue'
|
||||
import ThemeItemsList from '../theme-items-list.vue';
|
||||
|
||||
new Vue({
|
||||
el: '#tainacan-items-page',
|
||||
|
|
|
|||
|
|
@ -369,6 +369,10 @@
|
|||
display: block;
|
||||
transition: visibility ease 0.5s, display ease 0.5s;
|
||||
|
||||
h3 {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
.label {
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
<div>
|
||||
<div class="is-fullheight">
|
||||
<div class="page-container primary-page">
|
||||
<tainacan-title />
|
||||
<div class="title">{{ event.description }}</div>
|
||||
<div
|
||||
class="level"
|
||||
|
|
@ -43,6 +44,8 @@
|
|||
import Split from '../../components/other/event/diff-exhibition/event-split.vue';
|
||||
import Unified from '../../components/other/event/diff-exhibition/event-unified.vue';
|
||||
import NoDiff from '../../components/other/event/unique-exhibition/event-nodiff.vue';
|
||||
import TainacanTitle from '../../components/navigation/tainacan-title.vue';
|
||||
|
||||
|
||||
export default {
|
||||
name: 'EventPage',
|
||||
|
|
@ -68,7 +71,8 @@
|
|||
components: {
|
||||
Split,
|
||||
Unified,
|
||||
NoDiff
|
||||
NoDiff,
|
||||
TainacanTitle,
|
||||
},
|
||||
created() {
|
||||
this.eventId = parseInt(this.$route.params.eventId);
|
||||
|
|
|
|||
|
|
@ -81,8 +81,6 @@ $link-focus-border: $secondary;
|
|||
// Placeholder
|
||||
$text-light: $tainacan-placeholder-color;
|
||||
|
||||
// Bulma Inputs
|
||||
|
||||
// Table
|
||||
$table-head-cell-color: $gray-light;
|
||||
$table-head-cell-border-width: 0 0 1px !important;
|
||||
|
|
|
|||
|
|
@ -267,6 +267,9 @@ a:hover {
|
|||
background-color: white;
|
||||
border-color: $gray-light !important;
|
||||
}
|
||||
&:focus {
|
||||
outline: 0px;
|
||||
}
|
||||
}
|
||||
.button.is-small {
|
||||
height: 26px !important;
|
||||
|
|
|
|||
|
|
@ -1,3 +0,0 @@
|
|||
.teste {
|
||||
background-color: tomato !important;
|
||||
}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
@import "../../../node_modules/bulma/sass/utilities/_all.sass"
|
||||
@import "../../../node_modules/bulma/sass/elements/form.sass"
|
||||
@import "../../../node_modules/bulma/sass/components/pagination.sass"
|
||||
@import "../../../node_modules/bulma/sass/elements/icon.sass"
|
||||
|
|
@ -12,11 +12,466 @@ export default {
|
|||
|
||||
|
||||
<style lang="scss">
|
||||
@import "./scss/theme-basics.sass";
|
||||
|
||||
/* Rules for sizing the icon. */
|
||||
.material-icons.md-18 { font-size: 18px; }
|
||||
.material-icons.md-24 { font-size: 24px; }
|
||||
.material-icons.md-36 { font-size: 36px; }
|
||||
.material-icons.md-48 { font-size: 48px; }
|
||||
|
||||
/* Rules for using icons as black on a light background. */
|
||||
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
|
||||
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
|
||||
|
||||
/* Rules for using icons as white on a dark background. */
|
||||
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
|
||||
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
|
||||
|
||||
// Tainacan custom colors
|
||||
$primary: #2cb4c1;
|
||||
$primary-invert: findColorInvert($primary);
|
||||
$secondary: #298596;
|
||||
$secondary-invert: findColorInvert($secondary);
|
||||
$tertiary: #01295c;
|
||||
$tertiary-invert: findColorInvert($tertiary);
|
||||
|
||||
$primary-light:#c1dae0;
|
||||
$primary-lighter: #e6f6f8;
|
||||
$primary-dark: #55A0AF;
|
||||
$primary-darker: darken($primary-dark, 5%);
|
||||
|
||||
$success: #25a189;
|
||||
$success-invert: findColorInvert($success);
|
||||
|
||||
$separator-color: #2b98a4;
|
||||
$tainacan-input-color: #1d1d1d;
|
||||
$tainacan-input-background: #e5e5e5;
|
||||
$tainacan-placeholder-color: #898d8f;
|
||||
$draggable-border-color: #d8d8d8;
|
||||
|
||||
$gray: #b1b1b1;
|
||||
$gray-invert: findColorInvert($gray);
|
||||
$gray-light: #898d8f;
|
||||
$gray-light-invert: findColorInvert($gray-light);
|
||||
|
||||
$danger: #a23939;
|
||||
$danger-invert: findColorInvert($danger);
|
||||
|
||||
.theme-items-list {
|
||||
|
||||
a{ color: $secondary !important }
|
||||
a:hover {
|
||||
cursor: pointer;
|
||||
color: $secondary !important;
|
||||
}
|
||||
|
||||
// Some components have a different style in listing pages
|
||||
.button {
|
||||
border-radius: 6px !important;
|
||||
font-weight: normal;
|
||||
padding: 2px 15px !important;
|
||||
margin-top: 0px !important;
|
||||
margin-bottom: 0px !important;
|
||||
height: inherit !important;
|
||||
box-shadow: none !important;
|
||||
display: inline-flex !important;
|
||||
|
||||
&.is-secondary:hover, &.is-secondary:focus {
|
||||
background: $secondary !important;
|
||||
}
|
||||
&.is-primary:hover, &.is-primary:focus {
|
||||
background: $primary !important;
|
||||
}
|
||||
&.is-success:hover, &.is-success:focus {
|
||||
background: $success !important;
|
||||
}
|
||||
&.is-white:hover, &.is-white:focus, &.is-outlined:hover, &.is-outlined:focus {
|
||||
background: $white !important;
|
||||
}
|
||||
&:active {
|
||||
-webkit-transform: none !important;
|
||||
transform: none !important;
|
||||
}
|
||||
&.is-outlined {
|
||||
color: #150e38 !important;
|
||||
background-color: white;
|
||||
border-color: $gray-light !important;
|
||||
}
|
||||
&:focus {
|
||||
outline: 0px;
|
||||
}
|
||||
}
|
||||
.button.is-small {
|
||||
height: 26px !important;
|
||||
line-height: 12px;
|
||||
}
|
||||
.button:not(.is-small):not(.is-medium):not(.is-large) {
|
||||
height: 30px !important;
|
||||
line-height: 20px !important;
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
.select {
|
||||
padding-top: 0px !important;
|
||||
select {
|
||||
border: none;
|
||||
border-radius: 1px !important;
|
||||
font-weight: normal;
|
||||
font-size: 14px !important;
|
||||
height: 30px !important;
|
||||
padding: 2px 25px 2px 15px!important;
|
||||
margin-top: 0px !important;
|
||||
margin-bottom: 0px !important;
|
||||
color: $tainacan-input-color;
|
||||
option:checked, option:hover {
|
||||
background-color: $primary-lighter !important;
|
||||
}
|
||||
&:focus, &:active {
|
||||
box-shadow: none !important;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
}
|
||||
&:not(.is-multiple)::after {
|
||||
content: "\F35D" !important;
|
||||
font: normal normal normal 24px/1 "Material Design Icons" !important;
|
||||
border: none !important;
|
||||
transform: none !important;
|
||||
margin-top: -15px !important;
|
||||
right: 10px !important;
|
||||
color: $primary;
|
||||
display: flex !important;
|
||||
align-items: initial;
|
||||
}
|
||||
}
|
||||
.dropdown, .autocomplete {
|
||||
.dropdown-trigger{
|
||||
.button {
|
||||
border: none;
|
||||
border-radius: 1;
|
||||
padding: 4px 16px;
|
||||
.icon {
|
||||
color: $secondary;
|
||||
align-items: start;
|
||||
}
|
||||
}
|
||||
.button.is-primary, .button.is-secondary, .button.is-success {
|
||||
.icon {
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown-menu {
|
||||
.dropdown-content {
|
||||
border-radius: 0px !important;
|
||||
.dropdown-item {
|
||||
.b-checkbox { width: 100% };
|
||||
&:hover {
|
||||
background-color: $primary-lighter;
|
||||
}
|
||||
.is-small {
|
||||
color: gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.taginput-container {
|
||||
padding: 0 !important;
|
||||
background-color: white !important;
|
||||
|
||||
&:focus, &:active {
|
||||
border: none !important;
|
||||
}
|
||||
.input { margin-bottom: 0px !important; }
|
||||
.input.has-selected, .input:focus, .input:active {
|
||||
background-color: white;
|
||||
border: 1px solid $tainacan-input-background !important;
|
||||
}
|
||||
.tag {
|
||||
background: white;
|
||||
padding-right: 0;
|
||||
padding-left: 0.5em;
|
||||
|
||||
&.is-delete {
|
||||
color: $gray-light;
|
||||
&::after {
|
||||
height: 30% !important;
|
||||
width: 1px !important;
|
||||
}
|
||||
&::before {
|
||||
width: 30% !important;
|
||||
height: 1px !important;
|
||||
}
|
||||
&:hover, &:focus {
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.selected-list-box {
|
||||
padding: 4px 0px;
|
||||
border: 1px solid $tainacan-input-background;
|
||||
display: flex;
|
||||
|
||||
.tags {
|
||||
margin-right: 8px;
|
||||
}
|
||||
.tag {
|
||||
background: white;
|
||||
padding-right: 0;
|
||||
padding-left: 0.5em;
|
||||
|
||||
&.is-delete {
|
||||
color: $gray-light;
|
||||
&::after {
|
||||
height: 30% !important;
|
||||
width: 1px !important;
|
||||
}
|
||||
&::before {
|
||||
width: 30% !important;
|
||||
height: 1px !important;
|
||||
}
|
||||
&:hover, &:focus {
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.switch {
|
||||
input[type="checkbox"] + .check {
|
||||
background-color: $gray-light;
|
||||
border: 2px solid $gray-light;
|
||||
width: 2.7em;
|
||||
height: 1.7em;
|
||||
|
||||
&::before {
|
||||
background-color: white;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
&:hover input[type="checkbox"]:checked + .check {
|
||||
background-color: $primary-light;
|
||||
}
|
||||
|
||||
input[type="checkbox"]:checked + .check {
|
||||
border: 2px solid $secondary;
|
||||
background-color: transparent;
|
||||
|
||||
&::before {
|
||||
background-color: $secondary;
|
||||
transform: translate3d(78%, 0, 0);
|
||||
}
|
||||
}
|
||||
&:hover input[type="checkbox"] + .check {
|
||||
background-color: $gray-light;
|
||||
}
|
||||
|
||||
&:focus input[type="checkbox"] + .check,
|
||||
&:focus input[type="checkbox"]:checked + .check {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.is-small {
|
||||
font-size: 9px;
|
||||
|
||||
input[type="checkbox"] + .check {
|
||||
border: 1.5px solid $gray-light;
|
||||
width: 2.55em;
|
||||
height: 1.7em;
|
||||
|
||||
&::before {
|
||||
width: 1.0em;
|
||||
height: 1.0em;
|
||||
}
|
||||
}
|
||||
input[type="checkbox"]:checked + .check {
|
||||
border: 1.5px solid $secondary;
|
||||
|
||||
&::before {
|
||||
transform: translate3d(84%, 0, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
// .b-checkbox.checkbox {
|
||||
|
||||
// input[type="checkbox"] {
|
||||
// box-shadow: none !important;
|
||||
// }
|
||||
|
||||
// input[type="checkbox"] + .check {
|
||||
// width: 1.0em;
|
||||
// height: 1.0em;
|
||||
// flex-shrink: 0;
|
||||
// border-radius: 0;
|
||||
// border: 1px solid $gray-light;
|
||||
// transition: background 150ms ease-out;
|
||||
// box-shadow: none !important;
|
||||
// }
|
||||
|
||||
// &:focus input[type="checkbox"] + .check,
|
||||
// &:active input[type="checkbox"] + .check,
|
||||
// &:hover input[type="checkbox"] + .check {
|
||||
// box-shadow: none !important;
|
||||
// border-color: $gray-light !important;
|
||||
// }
|
||||
// input[type="checkbox"]:checked + .check {
|
||||
// background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23000' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center !important;
|
||||
// border-color: $gray-light !important;
|
||||
// }
|
||||
// }
|
||||
// .b-radio.radio {
|
||||
|
||||
// input[type="radio"] + .check {
|
||||
// width: 13px !important;
|
||||
// height: 13px !important;
|
||||
// border: 1px solid $gray-light !important;
|
||||
// }
|
||||
// input[type="radio"] + .check::before {
|
||||
// background: black !important;
|
||||
// width: 7px !important;
|
||||
// height: 7px !important;
|
||||
// }
|
||||
// &:focus input[type="radio"] + .check,
|
||||
// &:active input[type="radio"] + .check,
|
||||
// &:hover input[type="radio"] + .check {
|
||||
// box-shadow: none !important;
|
||||
// }
|
||||
// input[type="radio"]:checked + .check {
|
||||
// border-color: $gray-light !important;
|
||||
// }
|
||||
// &:focus input[type="radio"]:checked + .check {
|
||||
// box-shadow: none !important;
|
||||
// }
|
||||
|
||||
// }
|
||||
.collapse-all {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
.collapse .collapse-trigger {
|
||||
display: inline;
|
||||
cursor: pointer;
|
||||
.label {
|
||||
vertical-align: middle;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
// Tables
|
||||
.table-wrapper {
|
||||
.table {
|
||||
tbody {
|
||||
td { border-bottom: 0px solid $gray-light !important; }
|
||||
}
|
||||
.b-checkbox.checkbox input[type="checkbox"] + .check {
|
||||
width: 0.85em !important;
|
||||
height: 0.85em !important;
|
||||
border-radius: 2px !important;
|
||||
border: 1px solid #7a7a7a !important;
|
||||
}
|
||||
.th-wrap {
|
||||
font-size: 12px !important;
|
||||
font-weight: normal !important;
|
||||
}
|
||||
}
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
.pagination-area {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
font-size: 0.85em !important;
|
||||
font-weight: normal !important;
|
||||
border-top: 1px solid $gray;
|
||||
padding: 0em 1.0em;
|
||||
color: $gray-light;
|
||||
|
||||
.shown-items {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.items-per-page {
|
||||
flex-grow: 3;
|
||||
margin-top: 0.35em;
|
||||
.field-label {
|
||||
flex-grow: 5;
|
||||
margin-right: 0.5em;
|
||||
.label {
|
||||
font-size: 1em !important;
|
||||
font-weight: normal !important;
|
||||
color: $gray-light;
|
||||
}
|
||||
}
|
||||
select {
|
||||
font-size: 0.85em;
|
||||
}
|
||||
}
|
||||
|
||||
.pagination {
|
||||
flex-grow: 1;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin-bottom: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
&.is-small {
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
a[disabled="disabled"] {
|
||||
color: $gray-light;
|
||||
}
|
||||
.pagination-link, .pagination-previous, .pagination-next {
|
||||
background-color: transparent;
|
||||
color: $secondary;
|
||||
border: none;
|
||||
}
|
||||
.pagination-link.is-current {
|
||||
color: $gray-light;
|
||||
}
|
||||
.pagination-link::after:not(:last-child) {
|
||||
content: ',';
|
||||
color: $gray-light;
|
||||
}
|
||||
.mdi-chevron-left::before {
|
||||
content: "\F40A";
|
||||
font-size: 17px;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.mdi-chevron-right::before {
|
||||
content: "\F40A";
|
||||
font-size: 17px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Tabs
|
||||
.tabs {
|
||||
a {
|
||||
font-size: 13px;
|
||||
margin-bottom: -3px;
|
||||
&:hover{
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
}
|
||||
li.is-active a {
|
||||
border-bottom: 5px solid $primary;
|
||||
color: $primary;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.button {
|
||||
border: none;
|
||||
border-radius: 6px;
|
||||
padding: 2px 15px;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
display: inline-flex;
|
||||
color: #1d1d1d;
|
||||
font-size: 1.0em;
|
||||
font-weight: normal;
|
||||
|
|
@ -33,14 +488,11 @@ export default {
|
|||
cursor: pointer;
|
||||
background-color: white;
|
||||
}
|
||||
.sub-header {
|
||||
|
||||
.dropdown {
|
||||
display: inline-flex;
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
}
|
||||
.filters-menu {
|
||||
|
||||
}
|
||||
.table-container {
|
||||
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 2.2 MiB |
Binary file not shown.
|
|
@ -182,8 +182,8 @@ class Collections extends Repository {
|
|||
],
|
||||
'_thumbnail_id' => [
|
||||
'map' => 'meta',
|
||||
'title' => __( 'Featured image ID', 'tainacan' ),
|
||||
'description' => __( 'Featured image ID', 'tainacan' )
|
||||
'title' => __( 'Thumbnail', 'tainacan' ),
|
||||
'description' => __( 'Squared reduced-size version of a picture that helps recognizing and organizing files', 'tainacan' )
|
||||
]
|
||||
|
||||
] );
|
||||
|
|
|
|||
|
|
@ -103,8 +103,8 @@ class Items extends Repository {
|
|||
],
|
||||
'_thumbnail_id' => [
|
||||
'map' => 'meta',
|
||||
'title' => __( 'Featured image ID', 'tainacan' ),
|
||||
'description' => __( 'Featured image ID', 'tainacan' )
|
||||
'title' => __( 'Thumbnail', 'tainacan' ),
|
||||
'description' => __( 'Squared reduced-size version of a picture that helps recognizing and organizing files', 'tainacan' )
|
||||
]
|
||||
] );
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue