Skip to content

Commit

Permalink
perf: compiled front v0.1
Browse files Browse the repository at this point in the history
  • Loading branch information
AlexandreBulete committed Nov 9, 2024
1 parent e63dcb8 commit 7da0c90
Show file tree
Hide file tree
Showing 4 changed files with 158,520 additions and 5 deletions.
35 changes: 34 additions & 1 deletion view/adminhtml/web/css/app.css
Original file line number Diff line number Diff line change
@@ -1 +1,34 @@
div.admin__field-control._with-store_btn input,div.admin__field-control._with-store_btn select{width:calc(100% - 59px)}div.admin__field-control._with-store_btn._with-tooltip input,div.admin__field-control._with-store_btn._with-tooltip select{width:calc(100% - 89px)}div.admin__field-control div.store-view-container{display:inline-block;padding-left:20px}div.admin__field-control div.store-view-container .btn-store-view{align-items:center;background-color:#000;border-radius:50%;cursor:pointer;display:inline-block;display:flex;height:35px;justify-content:center;padding:10px;width:35px}div.admin__field-control div.store-view-container .btn-store-view:hover{background-color:#fff;border-color:#000}div.admin__field-control div.store-view-container .btn-store-view:hover svg{color:#000}div.admin__field-control div.store-view-container .btn-store-view svg{color:#fff;height:100%;width:100%}
div.admin__field-control._with-store_btn input:not(._has-datepicker), div.admin__field-control._with-store_btn select:not(._has-datepicker), div.admin__field-control._with-store_btn textarea {
width: calc(100% - 59px);
}
div.admin__field-control._with-store_btn._with-tooltip input:not(._has-datepicker), div.admin__field-control._with-store_btn._with-tooltip select:not(._has-datepicker), div.admin__field-control._with-store_btn._with-tooltip textarea {
width: calc(100% - 89px);
}
div.admin__field-control div.store-view-container {
display: inline-block;
padding-left: 20px;
}
div.admin__field-control div.store-view-container .btn-store-view {
background-color: #000000;
padding: 10px;
display: inline-block;
cursor: pointer;
border-radius: 50%;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}
div.admin__field-control div.store-view-container .btn-store-view:hover {
background-color: #ffffff;
border-color: #000000;
}
div.admin__field-control div.store-view-container .btn-store-view:hover svg {
color: #000000;
}
div.admin__field-control div.store-view-container .btn-store-view svg {
color: #ffffff;
width: 100%;
height: 100%;
}
158,465 changes: 158,463 additions & 2 deletions view/adminhtml/web/js/catalog/product/attributes.js

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions view/adminhtml/web/scss/partials/form.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,12 @@

div.admin__field-control {
&._with-store_btn {
input,select {
input:not(._has-datepicker),select:not(._has-datepicker),textarea {
width: calc(100% - 59px);
}
}
&._with-store_btn._with-tooltip {
input,select {
input:not(._has-datepicker),select:not(._has-datepicker),textarea {
width: calc(100% - 89px);
}
}
Expand Down
21 changes: 21 additions & 0 deletions vue/adminhtml/catalog/product/Attributes.vue
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,21 @@
:init="_editorInit"
/>
</div>
<select
v-else-if="productStore.config?.type === 'multiselect' && productStore.config?.options"
class="el-select input-with-trash"
@change="attribute.value = $event.target.value"
multiple
>
<option
v-for="item in productStore.config?.options"
:key="item.value"
:value="item.value"
:selected="attribute.value.split(',').includes(item.value)"
>
{{ item.label }}
</option>
</select>
<el-popconfirm title="Are you sure to delete this?">
<template #reference>
<span class="trash-icon">
Expand Down Expand Up @@ -192,6 +207,12 @@
background-color: var(--el-input-bg-color,var(--el-fill-color-blank));
border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
padding: 0 10px;
&[multiple] {
height: auto;
option {
padding: 3px;
}
}
height: 32px;
&:focus {
border-color: var(--el-color-primary);
Expand Down

0 comments on commit 7da0c90

Please sign in to comment.