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

Styles Tainacan Mobile App page.

This commit is contained in:
mateuswetah 2022-07-04 16:30:32 -03:00
parent d519745114
commit de73161e2d
8 changed files with 152 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
compile-sass.sh
View File

@ -14,37 +14,39 @@ sass -E 'UTF-8' --cache-location .tmp/sass-cache-2 src/views/roles/tainacan-role
sass -E 'UTF-8' --cache-location .tmp/sass-cache-3 src/views/reports/tainacan-reports.scss:src/assets/css/tainacan-reports.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-4 src/views/gutenberg-blocks/blocks/item-gallery/style.scss:src/assets/css/tainacan-gutenberg-block-item-gallery.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-4 src/views/mobile-app/tainacan-mobile-app.scss:src/assets/css/tainacan-mobile-app.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-5 src/views/gutenberg-blocks/blocks/collections-list/style.scss:src/assets/css/tainacan-gutenberg-block-collections-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-5 src/views/gutenberg-blocks/blocks/item-gallery/style.scss:src/assets/css/tainacan-gutenberg-block-item-gallery.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-6 src/views/gutenberg-blocks/blocks/carousel-collections-list/style.scss:src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-6 src/views/gutenberg-blocks/blocks/collections-list/style.scss:src/assets/css/tainacan-gutenberg-block-collections-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-7 src/views/gutenberg-blocks/blocks/items-list/style.scss:src/assets/css/tainacan-gutenberg-block-items-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-7 src/views/gutenberg-blocks/blocks/carousel-collections-list/style.scss:src/assets/css/tainacan-gutenberg-block-carousel-collections-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-8 src/views/gutenberg-blocks/blocks/dynamic-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-dynamic-items-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-8 src/views/gutenberg-blocks/blocks/items-list/style.scss:src/assets/css/tainacan-gutenberg-block-items-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-9 src/views/gutenberg-blocks/blocks/search-bar/style.scss:src/assets/css/tainacan-gutenberg-block-search-bar.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-9 src/views/gutenberg-blocks/blocks/dynamic-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-dynamic-items-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-10 src/views/gutenberg-blocks/blocks/carousel-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-carousel-items-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-10 src/views/gutenberg-blocks/blocks/search-bar/style.scss:src/assets/css/tainacan-gutenberg-block-search-bar.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-12 src/views/gutenberg-blocks/blocks/carousel-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-carousel-items-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-11 src/views/gutenberg-blocks/blocks/carousel-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-carousel-items-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-12 src/views/gutenberg-blocks/blocks/terms-list/style.scss:src/assets/css/tainacan-gutenberg-block-terms-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-13 src/views/gutenberg-blocks/blocks/carousel-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-carousel-items-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-13 src/views/gutenberg-blocks/blocks/facets-list/style.scss:src/assets/css/tainacan-gutenberg-block-facets-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-14 src/views/gutenberg-blocks/blocks/terms-list/style.scss:src/assets/css/tainacan-gutenberg-block-terms-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-14 src/views/gutenberg-blocks/blocks/carousel-terms-list/style.scss:src/assets/css/tainacan-gutenberg-block-carousel-terms-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-15 src/views/gutenberg-blocks/blocks/facets-list/style.scss:src/assets/css/tainacan-gutenberg-block-facets-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-15 src/views/gutenberg-blocks/blocks/faceted-search/style.scss:src/assets/css/tainacan-gutenberg-block-faceted-search.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-16 src/views/gutenberg-blocks/blocks/carousel-terms-list/style.scss:src/assets/css/tainacan-gutenberg-block-carousel-terms-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-16 src/views/gutenberg-blocks/blocks/item-submission-form/style.scss:src/assets/css/tainacan-gutenberg-block-item-submission-form.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-17 src/views/gutenberg-blocks/blocks/faceted-search/style.scss:src/assets/css/tainacan-gutenberg-block-faceted-search.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-17 src/views/gutenberg-blocks/blocks/related-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-related-items-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-18 src/views/gutenberg-blocks/blocks/item-submission-form/style.scss:src/assets/css/tainacan-gutenberg-block-item-submission-form.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-18 src/views/gutenberg-blocks/scss/gutenberg-blocks-editor-style.scss:src/assets/css/tainacan-gutenberg-block-common-editor-styles.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-19 src/views/gutenberg-blocks/blocks/related-items-list/style.scss:src/assets/css/tainacan-gutenberg-block-related-items-list.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-19 src/views/gutenberg-blocks/scss/gutenberg-blocks-theme-style.scss:src/assets/css/tainacan-gutenberg-block-common-theme-styles.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-20 src/views/gutenberg-blocks/scss/gutenberg-blocks-editor-style.scss:src/assets/css/tainacan-gutenberg-block-common-editor-styles.css
sass -E 'UTF-8' --cache-location .tmp/sass-cache-21 src/views/gutenberg-blocks/scss/gutenberg-blocks-theme-style.scss:src/assets/css/tainacan-gutenberg-block-common-theme-styles.css
echo "Compilação do Sass Concluído!"
exit 0

40
src/assets/css/tainacan-mobile-app.css Normal file
View File

@ -0,0 +1,40 @@
html {
overflow-y: hidden; }
body.admin_page_tainacan_mobile_app {
background-color: white;
padding: 0px;
margin: 0px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden; }
body.admin_page_tainacan_mobile_app #adminmenumain,
body.admin_page_tainacan_mobile_app #wpadminbar,
body.admin_page_tainacan_mobile_app #wpfooter {
display: none; }
body.admin_page_tainacan_mobile_app #wp-auth-check-wrap {
z-index: 9999999; }
body.admin_page_tainacan_mobile_app #wpcontent,
body.admin_page_tainacan_mobile_app #wpbody,
body.admin_page_tainacan_mobile_app #wpbody-content {
padding: 0px;
margin: 0; }
body.admin_page_tainacan_mobile_app h1 {
display: none; }
body.admin_page_tainacan_mobile_app .wrap {
margin: 0px !important;
padding: 1em 2em;
display: flex;
justify-content: space-between;
align-items: center;
height: calc(100vh - 2em);
width: calc(100vw - 4em);
text-align: center;
background-image: url("../../assets/images/tainacan_loading.gif");
background-repeat: no-repeat;
background-position: center; }
/*# sourceMappingURL=tainacan-mobile-app.css.map */

7
src/assets/css/tainacan-mobile-app.css.map Normal file
View File

@ -0,0 +1,7 @@
{
"version": 3,
"mappings": "AACA,IAAK;EACD,UAAU,EAAE,MAAM;;AAEtB,mCAAoC;EAChC,gBAAgB,EAAE,KAAK;EACvB,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,GAAG;EACX,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,CAAC;EACN,MAAM,EAAE,CAAC;EACT,IAAI,EAAE,CAAC;EACP,KAAK,EAAE,CAAC;EACR,QAAQ,EAAE,MAAM;EAEhB;;+CAEU;IACN,OAAO,EAAE,IAAI;EAEjB,uDAAoB;IAChB,OAAO,EAAE,OAAO;EAGpB;;qDAEgB;IACZ,OAAO,EAAE,GAAG;IACZ,MAAM,EAAE,CAAC;EAEb,sCAAG;IACC,OAAO,EAAE,IAAI;EAEjB,yCAAM;IACF,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,aAAa;IAC9B,WAAW,EAAE,MAAM;IACnB,MAAM,EAAE,iBAAiB;IACzB,KAAK,EAAE,iBAAiB;IACxB,UAAU,EAAE,MAAM;IAClB,gBAAgB,EAAE,+CAA+C;IACjE,iBAAiB,EAAE,SAAS;IAC5B,mBAAmB,EAAE,MAAM",
"sources": ["../../views/mobile-app/tainacan-mobile-app.scss"],
"names": [],
"file": "tainacan-mobile-app.css"
}

30
src/views/admin/components/edition/item-edition-form.vue
View File

@ -600,7 +600,7 @@
v-if="item.thumbnail != undefined && ((item.thumbnail['tainacan-medium'] != undefined && item.thumbnail['tainacan-medium'] != false) || (item.thumbnail.medium != undefined && item.thumbnail.medium != false))"
:show-name="false"
:modal-on-click="false"
:size="125"
:size="120"
:file="{
media_type: 'image',
thumbnails: { 'tainacan-medium': [ $thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium', item.document_mimetype) ] },
@ -757,7 +757,9 @@
class="sequence-progress"/>
<!-- Last Updated Info -->
<div class="update-info-section">
<div
v-if="!$adminOptions.mobileAppMode"
class="update-info-section">
<p
class="has-text-gray5"
v-if="isOnSequenceEdit">
@ -2148,7 +2150,6 @@ export default {
.sub-header {
padding-right: 0.5em;
padding-left: 0.5em;
}
.field {
@ -2159,14 +2160,19 @@ export default {
margin-left: 0;
margin-right: 22px;
width: 100%;
display: block;
display: flex;
position: relative;
justify-content: space-between;
align-items: center;
.label {
margin-left: 2px;
margin-right: 0.5em;
}
.icon {
float: right;
width: 3em;
margin-left: auto;
order: 3;
width: 2em;
justify-content: flex-end;
}
}
@ -2207,7 +2213,7 @@ export default {
}
}
.section-box+.section-label {
border-top: 1px dashed var(--tainacan-gray3);
border-top: 1px solid var(--tainacan-gray1);
padding-top: 6px;
}
@ -2274,7 +2280,7 @@ export default {
.metadata-name-search {
position: absolute;
right: 0.5em;
top: 0.35em;
top: 0.75em;
z-index: 9999;
padding-left: 0 !important;
}
@ -2499,9 +2505,9 @@ export default {
font-size: 0.8em;
}
img {
height: 125px;
width: 125px;
min-width: 125px;
height: 120px;
width: 120px;
min-width: 120px;
}
.image-placeholder {
position: absolute;
@ -2648,7 +2654,7 @@ export default {
}
@media screen and (max-width: 769px) {
padding: 16px 0.5em;
padding: 13px 0.5em;
width: 100%;
flex-wrap: wrap;
height: auto;

8
src/views/admin/components/lists/attachments-list.vue
View File

@ -194,8 +194,12 @@
@media screen and (max-width: 769px) {
.table-container {
padding-left: 0;
padding-right: 0;
padding-left: 1em;
padding-right: 1em;
}
.pagination-area {
margin-left: 0;
margin-right: 0;
}
}
.uploaded-files {

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

@ -777,10 +777,10 @@
.metadata-area {
.metadata-section-header {
padding: 0.75em 0.5em;
border-bottom: 1px dashed var(--tainacan-input-border-color);
border-bottom: 1px solid var(--tainacan-input-border-color);
}
.field {
border-bottom: 1px dashed var(--tainacan-gray3);
border-bottom: 1px solid var(--tainacan-gray1);
padding: 10px var(--tainacan-container-padding) !important;
margin-left: 1em !important;
@ -812,7 +812,7 @@
}
}
.section-box+.section-label {
border-top: 1px dashed var(--tainacan-gray3);
border-top: 1px solid var(--tainacan-gray1);
padding-top: 6px;
}

15
src/views/class-tainacan-admin.php
View File

@ -76,7 +76,7 @@ class Admin {
array( &$this, 'item_submission' )
);
add_submenu_page(
$mobile_app_page_suffix = add_submenu_page(
null, // Mobile app page is not listed in the menu
__('Mobile App', 'tainacan'),
__('Mobile App', 'tainacan'),
@ -84,10 +84,11 @@ class Admin {
'tainacan_mobile_app',
array( &$this, 'mobile_app' )
);
add_action( 'load-' . $page_suffix, array( &$this, 'load_admin_page' ) );
add_action( 'load-' . $roles_page_suffix, array( &$this, 'load_roles_page' ) );
add_action( 'load-' . $reports_page_suffix, array( &$this, 'load_reports_page' ) );
add_action( 'load-' . $mobile_app_page_suffix, array( &$this, 'load_mobile_app_page' ) );
}
function load_admin_page() {
@ -106,6 +107,10 @@ class Admin {
add_action( 'admin_enqueue_scripts', array( &$this, 'add_reports_js' ), 90 );
}
function load_mobile_app_page() {
add_action( 'admin_enqueue_scripts', array( &$this, 'add_mobile_app_css' ), 90 );
}
function login_styles_reset( $style ) {
if ( strpos( $style, 'wp-admin-css' ) !== false ) {
$style = null;
@ -132,6 +137,12 @@ class Admin {
wp_enqueue_style( 'tainacan-roles-page', $TAINACAN_BASE_URL . '/assets/css/tainacan-roles.css', [], TAINACAN_VERSION );
}
function add_mobile_app_css() {
global $TAINACAN_BASE_URL;
wp_enqueue_style( 'tainacan-mobile-app-page', $TAINACAN_BASE_URL . '/assets/css/tainacan-mobile-app.css', [], TAINACAN_VERSION );
}
function add_roles_js() {
global $TAINACAN_BASE_URL;

47
src/views/mobile-app/tainacan-mobile-app.scss Normal file
View File

@ -0,0 +1,47 @@
// Clears wordpress content
html {
overflow-y: hidden;
}
body.admin_page_tainacan_mobile_app {
background-color: white;
padding: 0px;
margin: 0px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
#adminmenumain,
#wpadminbar,
#wpfooter {
display: none;
}
#wp-auth-check-wrap {
z-index: 9999999;
}
#wpcontent,
#wpbody,
#wpbody-content {
padding: 0px;
margin: 0;
}
h1 {
display: none;
}
.wrap {
margin: 0px !important;
padding: 1em 2em;
display: flex;
justify-content: space-between;
align-items: center;
height: calc(100vh - 2em);
width: calc(100vw - 4em);
text-align: center;
background-image: url('../../assets/images/tainacan_loading.gif');
background-repeat: no-repeat;
background-position: center;
}
}