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

Begins implementation of new grid sizes. Fixes label positioning wrong on Google Chrome for FieldEditionForm.

This commit is contained in:
Mateus Machado Luna 2018-05-17 09:35:01 -03:00
parent ce5f81beca
commit deafbfdc36
8 changed files with 32 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/admin/components/edition/field-edition-form.vue
View File

@ -28,7 +28,7 @@
:addons="false"
:type="formErrors['description'] != undefined ? 'is-danger' : ''"
:message="formErrors['description'] != undefined ? formErrors['description'] : ''">
<label class="label">
<label class="label is-inline">
{{ $i18n.get('label_description') }}
<help-button
:title="$i18n.getHelperTitle('fields', 'description')"
@ -46,13 +46,13 @@
:addons="false"
:type="formErrors['status'] != undefined ? 'is-danger' : ''"
:message="formErrors['status'] != undefined ? formErrors['status'] : ''">
<label class="label">
<label class="label is-inline">
{{ $i18n.get('label_status') }}
<help-button
:title="$i18n.getHelperTitle('fields', 'status')"
:message="$i18n.getHelperMessage('fields', 'status')"/>
</label>
<div class="inline-block">
<b-field>
<b-radio
size="is-small"
@focus="clearErrors('label_status')"
@ -62,7 +62,8 @@
native-value="publish">
{{ $i18n.get('publish_visibility') }}
</b-radio>
<br>
</b-field>
<b-field>
<b-radio
size="is-small"
@focus="clearErrors('label_status')"
@ -72,13 +73,15 @@
native-value="private">
{{ $i18n.get('private_visibility') }}
</b-radio>
</div>
</b-field>
</b-field>
<!-- Display on listing -->
<b-field
:type="formErrors['display'] != undefined ? 'is-danger' : ''"
:message="formErrors['display'] != undefined ? formErrors['display'] : ''"
:addons="false">
<label class="label">
<label class="label is-inline">
{{ $i18n.get('label_display') }}
<help-button
:title="$i18n.getHelperTitle('fields', 'display')"
@ -86,9 +89,7 @@
</label>
<b-field
:type="formErrors['display'] != undefined ? 'is-danger' : ''"
:message="formErrors['display'] != undefined ? formErrors['display'] : ''">
<b-field>
<b-radio
size="is-small"
@input="clearErrors('display')"
@ -110,9 +111,7 @@
</b-radio>
</b-field>
<b-field
:type="formErrors['display'] != undefined ? 'is-danger' : ''"
:message="formErrors['display'] != undefined ? formErrors['display'] : ''">
<b-field>
<b-radio
size="is-small"
v-model="editForm.display"
@ -125,9 +124,8 @@
</b-field>
<b-field
:addons="false"
:label="$i18n.get('label_options')">
<b-field :addons="false">
<label class="label is-inline">{{ $i18n.get('label_options') }}</label>
<b-field
:type="formErrors['required'] != undefined ? 'is-danger' : ''"
:message="formErrors['required'] != undefined ? formErrors['required'] : ''">
@ -137,6 +135,7 @@
v-model="editForm.required"
true-value="yes"
false-value="no"
class="is-inline"
name="required">
{{ $i18n.get('label_required') }}
<help-button
@ -155,6 +154,7 @@
v-model="editForm.multiple"
true-value="yes"
false-value="no"
class="is-inline"
name="multiple">
{{ $i18n.get('label_allow_multiple') }}
<help-button
@ -172,6 +172,7 @@
v-model="editForm.unique"
true-value="yes"
false-value="no"
class="is-inline"
name="collecion_key">
{{ $i18n.get('label_unique_value') }}
<help-button

4
src/admin/components/edition/filter-edition-form.vue
View File

@ -27,7 +27,7 @@
:addons="false"
:type="formErrors['description'] != undefined ? 'is-danger' : ''"
:message="formErrors['description'] != undefined ? formErrors['description'] : ''">
<label class="label">
<label class="label is-inline">
{{ $i18n.get('label_description') }}
<help-button
:title="$i18n.getHelperTitle('filters', 'description')"
@ -45,7 +45,7 @@
:addons="false"
:type="formErrors['status'] != undefined ? 'is-danger' : ''"
:message="formErrors['status'] != undefined ? formErrors['status'] : ''">
<label class="label">
<label class="label is-inline">
{{ $i18n.get('label_status') }}
<help-button
:title="$i18n.getHelperTitle('filters', 'status')"

4
src/admin/components/lists/collections-list.vue
View File

@ -347,7 +347,7 @@ export default {
height: 58px;
padding: 0;
position: absolute !important;
left: 82px;
left: $page-side-padding;
visibility: hidden;
display: flex;
justify-content: space-around;
@ -430,7 +430,7 @@ export default {
padding: 0px;
visibility: hidden;
position: absolute;
right: 82px;
right: $page-side-padding;
display: none;
.actions-container {

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

@ -388,7 +388,7 @@ export default {
height: 58px;
padding: 0;
position: absolute !important;
left: 55px;
left: $page-side-padding;
visibility: hidden;
display: flex;
justify-content: space-around;
@ -470,7 +470,7 @@ export default {
padding: 0px;
visibility: hidden;
position: absolute;
right: 55px;
right: $page-side-padding;
display: none;
.actions-container {

5
src/admin/components/navigation/tainacan-subheader.vue
View File

@ -208,7 +208,10 @@ export default {
height: $subheader-height;
max-height: $subheader-height;
width: 100%;
padding: 1.0em;
padding-top: 18px;
padding-bottom: 18px;
padding-right: $page-side-padding;
padding-left: $page-side-padding;
margin: 0px;
vertical-align: middle;
left: 0;

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

@ -364,8 +364,8 @@
min-height: $subheader-height;
height: $subheader-height;
padding-top: $page-small-top-padding;
padding-left: $page-small-side-padding;
padding-right: $page-small-side-padding;
padding-left: $page-side-padding;
padding-right: $page-side-padding;
border-bottom: 0.5px solid #ddd;
position: relative;
@ -381,8 +381,8 @@
.tabs {
padding-top: $page-small-top-padding;
padding-left: $page-small-side-padding;
padding-right: $page-small-side-padding;
padding-left: $page-side-padding;
padding-right: $page-side-padding;
}
.above-subheader {
margin-bottom: 0;

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

@ -65,7 +65,7 @@ $filter-menu-width: 200px;
$page-height: calc(100% - 53px);
// Overall Pages padding:
$page-side-padding: 82px;
$page-side-padding: 4.166666667%;//82px;
$page-top-padding: 27px;
$page-small-side-padding: 22px;
$page-small-top-padding: 22px;

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

@ -481,6 +481,7 @@ a:hover {
height: 12px;
flex-shrink: 0;
border-radius: 0;
display: inline-block;
border: 1px solid $gray-light;
transition: background 150ms ease-out;
box-shadow: none !important;