@shoprenter/sr-styleguide 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +138 -16
- package/dist/demo/src/demo_bootstrap_js.css +26 -28
- package/dist/demo/src/demo_bootstrap_js.js +1 -1
- package/dist/demo/src/index.html +1 -1
- package/dist/stylesheet/sr-styleguide.css +6 -6
- package/package.json +1 -2
- package/src/components/app-containers/SrModule/SrModule.scss +1 -1
- package/src/components/app-containers/SrModule/SrModule.vue +19 -8
- package/src/components/app-containers/SrPage/SrPage.vue +19 -16
- package/src/components/app-containers/scope.js +12 -0
- package/src/components/breadcrumbs/SrBreadcrumbs/SrBreadcrumbs.scss +47 -0
- package/src/components/breadcrumbs/SrBreadcrumbs/SrBreadcrumbs.vue +46 -0
- package/src/components/breadcrumbs/tests/SrBreadcrumbs.spec.js +109 -0
- package/src/components/form/SrFormDivider/SrFormDivider.scss +4 -0
- package/src/components/form/SrFormDivider/SrFormDivider.vue +9 -0
- package/src/components/form/SrFormRow/SrFormRow.scss +21 -21
- package/src/components/form/SrFormRow/SrFormRow.vue +3 -2
- package/src/components/inputs/SrDatePicker/SrDatePicker.vue +4 -1
- package/src/components/inputs/SrSelect/SrSelect.vue +8 -1
- package/src/components/inputs/SrSwitch/SrSwitch.vue +0 -1
- package/src/components/inputs/SrTextarea/SrTextarea.vue +20 -0
- package/src/components/layouts/slim/SrSlimHeading/SrSlimHeading.scss +9 -0
- package/src/components/layouts/slim/SrSlimHeading/SrSlimHeading.vue +2 -2
- package/src/components/layouts/slim/SrSlimLayout/SrSlimLayout.vue +8 -0
- package/src/components/layouts/standard/SrStandardLayout/SrStandardLayout.scss +4 -0
- package/src/components/layouts/standard/SrStandardLayout/SrStandardLayout.vue +21 -0
- package/src/components/tables/SrSimpleTableFilterTd/SrSimpleTableFilterTd.vue +27 -0
- package/src/components/tabs/SrTabsItems/SrTabsItems.vue +1 -1
- package/src/plugins/component-library/index.js +4 -2
- package/src/plugins/component-library/library/SrBreadcrumbs.js +7 -0
- package/src/plugins/component-library/library/{SrFormRow.js → SrForm.js} +2 -0
- package/src/plugins/component-library/library/SrInputs.js +2 -0
- package/src/plugins/component-library/library/SrLayouts.js +4 -0
- package/src/plugins/component-library/library/SrTables.js +2 -1
- package/src/plugins/vuetify/preset/icons/index.js +4 -0
- package/src/plugins/vuetify/preset/locale/sr-en.js +2 -1
- package/src/plugins/vuetify/preset/locale/sr-hu.js +2 -1
- package/src/plugins/vuetify/preset/style/scss/components/_table.scss +7 -1
- package/src/plugins/vuetify/preset/variables.scss +2 -2
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import SrSimpleTable from '../../../components/tables/SrSimpleTable/SrSimpleTable.vue'
|
|
2
|
-
|
|
2
|
+
import SrSimpleTableFilterTd from '../../../components/tables/SrSimpleTableFilterTd/SrSimpleTableFilterTd.vue'
|
|
3
3
|
export default {
|
|
4
4
|
install (Vue, options = {}) {
|
|
5
5
|
Vue.component('SrSimpleTable', SrSimpleTable)
|
|
6
|
+
Vue.component('SrSimpleTableFilterTd', SrSimpleTableFilterTd)
|
|
6
7
|
}
|
|
7
8
|
}
|
|
@@ -34,6 +34,7 @@ import SearchCloseIcon from './components/SearchCloseIcon.vue'
|
|
|
34
34
|
import InvoiceStornoIcon from './components/InvoiceStornoIcon.vue'
|
|
35
35
|
import InvoiceIcon from './components/InvoiceIcon.vue'
|
|
36
36
|
import NextIcon from './components/NextIcon.vue'
|
|
37
|
+
import EditIcon from './components/EditIcon.vue'
|
|
37
38
|
|
|
38
39
|
export default {
|
|
39
40
|
iconfont: 'mdi',
|
|
@@ -151,6 +152,9 @@ export default {
|
|
|
151
152
|
},
|
|
152
153
|
next: {
|
|
153
154
|
component: NextIcon
|
|
155
|
+
},
|
|
156
|
+
edit: {
|
|
157
|
+
component: EditIcon
|
|
154
158
|
}
|
|
155
159
|
}
|
|
156
160
|
}
|
|
@@ -25,6 +25,7 @@
|
|
|
25
25
|
border-bottom: 1px solid #ECEFF1;
|
|
26
26
|
margin-bottom: 1px;
|
|
27
27
|
|
|
28
|
+
|
|
28
29
|
&.selected:not(.v-data-table__expanded__content),
|
|
29
30
|
&:hover:not(.v-data-table__expanded__content) {
|
|
30
31
|
background: var(--sr-bg-grey);
|
|
@@ -33,7 +34,7 @@
|
|
|
33
34
|
}
|
|
34
35
|
|
|
35
36
|
td {
|
|
36
|
-
border: 0 !important;
|
|
37
|
+
border-bottom: thin solid rgba(0, 0, 0, .12) !important;
|
|
37
38
|
padding: $cell-padding !important;
|
|
38
39
|
}
|
|
39
40
|
}
|
|
@@ -52,3 +53,8 @@
|
|
|
52
53
|
border-top: 0;
|
|
53
54
|
}
|
|
54
55
|
}
|
|
56
|
+
|
|
57
|
+
.sr-simple-table-filter-td {
|
|
58
|
+
text-align: center;
|
|
59
|
+
vertical-align: middle;
|
|
60
|
+
}
|
|
@@ -257,8 +257,8 @@ $input-focus-border-color: #A7ADAF;
|
|
|
257
257
|
$product-checkbox-grid-width: 50px;
|
|
258
258
|
$sub-color: var(--sr-black);
|
|
259
259
|
$main-color: black;
|
|
260
|
-
$cell-padding:
|
|
260
|
+
$cell-padding: 15px 15px;
|
|
261
261
|
$order-edit-product-table-trash-cell-width: 60px;
|
|
262
262
|
$order-checkbox-grid-width: 50px;
|
|
263
263
|
|
|
264
|
-
|
|
264
|
+
$sr-form-row-margin-bottom: 1rem;
|