first commit

This commit is contained in:
2025-01-06 20:47:25 +01:00
commit 3bdbd78c2f
25591 changed files with 3586440 additions and 0 deletions

View File

@@ -0,0 +1,8 @@
#by-status-block {
.badge {
margin-top: 1px;
height: 19px;
padding: .3rem .4rem;
vertical-align: top;
}
}

View File

@@ -0,0 +1,3 @@
.helper-card__meta-background {
background-image: url(img/helper-card/seo-background@3x.png);
}

View File

@@ -0,0 +1,661 @@
/**
* Module Modal CSS
*/
.module-modal-title {
display: inline-block;
vertical-align: top;
> h4 {
color: #1E2024 !important;
font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
font-size: 14px;
}
}
.module-badges-display {
display: inline-block;
}
.module-modal-header {
.read-more-stars {
bottom: 82px;
left: 120px;
&:before, &:after {
left: -80px;
}
}
button.close {
width: auto;
margin-top: -8px;
.material-icons {
font-size: 30px;
}
}
}
.module-modal-footer {
.module-badges-action {
display: flex;
justify-content: space-between;
align-items: center;
}
.module-price {
position: relative;
right: auto;
bottom: auto;
}
.module-stars-price {
padding: 0 0 10px 0;
}
}
.module-big-cover {
height: 240px;
overflow: hidden;
margin-top: -15px;
text-align: center;
}
.module-big-cover > img {
max-width: 100%;
max-height: 100%;
height: auto;
padding: 4px;
}
.module-menu-readmore {
margin-top: 2px;
}
.module-readmore-tab-content {
text-align: justify;
padding: 5px 15px;
line-height: 20px;
margin-bottom: 61px !important;
}
.module-menu-readmore > .tab-content {
margin-top: 5px;
color: black;
text-align: justify;
}
.module-modal-badges {
margin-top: 1em;
}
.module-modal-badges > img {
margin-right: 1em;
}
.module-modal-dialog {
height: 85%;
width: 50%;
}
.module-modal-content {
border: none;
box-shadow: none;
}
.module-modal-close {
width: auto !important;
margin-right: 5px;
}
.module-short-list {
margin: 2em 0;
.module-list-empty {
background: rgba(255,255,255,0.4);
border-radius: 3px;
padding: 20px;
border: dashed 1px #696969;
p {
margin: 0;
padding: 0;
}
}
}
/**
* Module list
*/
.module-item-list {
.container-fluid {
padding: {
top: $grid-gutter-width / 2;
bottom: $grid-gutter-width / 2;
}
background-color: white;
}
+:nth-child(even) {
.container-fluid {
background-color: #f5f8f9 !important;
}
}
.module-item-wrapper-list {
@media (max-width: 33.9em) {
text-align: center;
}
.module-logo-thumb-list {
height:64px;
max-width:64px;
margin: 0 auto;
@media (max-width: 33.9em) {
height: auto;
max-height: 64px;
}
img {
width: 100%;
max-width: 40px;
margin-bottom: 0.5em;
}
}
.module-name-list {
font-weight: bolder;
color: $gray-dark;
margin: 0;
}
.module-version-author-list {
font-weight: bold;
color: $gray-medium;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
b {
font-weight: bold;
color: $gray-dark;
}
}
.module-quick-action-list {
> [class^="module-star-ranking-"] {
display:none;
}
}
}
}
.badges-container {
min-height: 30px;
font-size: .9rem;
line-height: 50%;
}
.module-price {
position: absolute;
right: 15px;
bottom: 50px;
}
.module-item-wrapper-grid .module-quick-action-grid {
.spinner {
position: absolute;
bottom: 10px;
left: 50%;
margin-left: -20px;
}
.module-actions {
display: flex;
justify-content: flex-end;
.dropdown-menu {
right: 10px;
left: 10px;
}
.btn-group, .btn {
width: 100%;
}
}
}
@media (min-width: 1300px) and (max-width: 1550px) {
.module-item-grid {
width: 33.333333%;
}
}
/**
* Addons Module Cast (List view);
**/
.module-addons-item-list {
display: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
.module-addons-item-wrapper-list {
vertical-align: middle;
text-align: center;
> .module-icon-addons-exit-list {
> img {
height: 3em;
}
}
}
}
/**
* Error message on catalog loading
**/
.module-placeholders-failure {
display: none;
.module-placeholders-failure-wrapper {
text-align: center;
margin-top: 40px;
}
.module-placeholders-failure-msg {
color: red;
}
#module-placeholders-failure-retry {
margin-top: 10px;
}
}
/**
* OTHER: Generalist CSS for module pages
*/
#module-modal-bulk-confirm-action-name {
font-weight: bold;
}
.module-checkbox-bulk-list {
position: absolute;
right: 7px;
top: 7px;
&.md-checkbox label {
padding: 0;
}
}
.module-search-bar {
height: 50px !important;
border: 0 !important;
background-color: white !important;
}
.module-search-block {
background: white;
width: 100%;
.search-button {
border-radius: 0;
position: absolute;
top: 0;
right: 0;
height: 35px;
}
}
.module-sorting-menu {
margin-bottom: 30px;
}
.module-sorting {
margin-left: 35px;
.select2-selection {
border-radius: 0;
min-width: 175px;
.select2-selection__arrow {
b {
display: none;
}
&:before {
content: "\E313";
font-family: 'Material Icons';
font-size: 1.5rem;
position: relative;
color: $gray-medium;
right: 20px;
}
}
}
}
.module-sorting i {
margin-left: 10px;
cursor: pointer;
font-size: 26px;
}
.module-sort-active {
color: #A6B9C0 !important;
}
.module-sort-switch {
color: #C7D6DB;
}
.module-search-result-title {
color: #1E2024 !important;
font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
font-weight: bold;
font-size: 18px;
margin-bottom: 20px;
display: inline-block;
}
.module-addons-search {
font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
font-weight: bold;
font-size: 14px;
display: none;
}
.module-category-recently-used {
a {
text-align: center;
border-bottom: 1px solid #E7E8E8;
}
}
.module-category-reset, .module-status-reset {
display: none;
a {
color: #2eacce !important;
text-align: center;
border-bottom: 1px solid #E7E8E8;
&:hover {
color: white !important;
background-color: #2eacce !important;
text-align: center;
border-bottom: 1px solid #E7E8E8;
}
}
}
.module-notification-kpis {
margin: auto;
}
.module-kpi {
margin-right: 15px;
display: initial;
.material-icons {
font-size: 1.875rem;
vertical-align: middle;
}
}
.module-kpi-number {
margin: auto;
font-size: 30px;
font-weight: bold;
}
.module-top-menu {
min-height: 74px;
.module-top-menu-item {
&.disabled {
opacity: 0.5;
pointer-events: none;
}
h3 {
margin-top: 30px;
font-size: 14px;
}
}
}
.toolbar-icons {
.btn-primary {
border-radius: 0;
}
}
/**
* Module Categories Grid
*/
#modules-categories-grid {
display: none;
}
.module-category-item {
display: table;
padding-bottom: 10px;
cursor: pointer;
}
.module-category-item-wrapper {
background: white;
padding: 20px;
margin-bottom: 10px;
box-shadow: 0 1px 0 #C7D6DB;
height: 247px;
max-height: 247px;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 15px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/**
* Module import
**/
.module-import-processing {
display: none;
text-align: center;
.btn {
margin: 25px;
}
}
.module-import-processing-footer-text {
font-size: smaller;
font-style: italic;
color: #CECCCC;
}
.module-import-success {
display: none;
text-align: center;
}
.module-import-success-icon {
color: #1c8ca3;
font-size: 70px;
}
.module-import-failure {
display: none;
text-align: center;
}
.module-import-failure-icon {
color: #C45C67;
font-size: 70px;
}
.module-import-failure-msg {
font-weight: bold;
margin-bottom: 0;
}
.module-import-failure-details-action {
display: block;
cursor: pointer !important;
}
.module-import-failure-details {
word-wrap: break-word;
font-size: small;
overflow: auto;
overflow-y: hidden;
margin: 35px 5px 20px 5px;
text-align: justify;
display: none;
}
.module-import-start-icon {
font-size: 70px;
color: #CECCCC;
}
.module-import-start-select-manual {
cursor: pointer !important;
}
.module-import-start-select-manual:hover {
text-decoration: none;
}
.module-import-start-footer-text {
font-size: smaller;
font-style: italic;
color: #CECCCC;
}
form#importDropzone {
border: 2px dashed #6c868e;
}
.dropzone.dz-clickable {
cursor: auto !important;
}
.module-import-start {
text-align: center;
}
.module-import-failure-retry {
margin-top: 15px;
}
.module-import-success-configure {
display: none;
}
/**
* PrestaTrust modal
**/
#pstrust-img {
max-height: 64px;
max-width: 64px;
}
/**
* Module positions
*/
#modules-position-selection-panel {
position: relative;
display: none;
}
.hook-panel {
margin-bottom: 10px !important;
border: solid #E6E6E6 1px;
box-shadow: rgba(black,0.10) 0 -2px 0 inset;
border-radius: 3px;
padding: 10px 10px 5px 10px;
.highlight {
background-color: #F7E69F !important;
}
.hook-panel-header {
margin: 0 -10px 0 -10px;
padding: 0 10px 10px 10px;
.hook-name {
font-size: 1.4em;
color: $brand-primary;
background-color: white;
padding: 0 4px;
border-radius: 3px;
}
.hook_title {
@extend .text-muted;
}
.hook_description {
@extend .text-muted;
padding: 3px 0 0 3px;
}
}
}
.modules_list_container_tab {
img {
max-width: 66px;
}
}
.module-list {
.module-item {
display: table;
width: 100%;
padding: 5px 0;
margin-bottom: -1px;
border: solid 1px #9ed0ec;
background: #fff;
&.draggable {
cursor: pointer;
}
}
.module-column-select {
display: table-cell;
width: 22px;
min-height: 35px;
vertical-align: middle;
text-align: center;
border-right: 1px solid #ddd;
}
.module-column-position {
display: table-cell;
width: 80px;
vertical-align: middle;
text-align: right;
.index-position {
border: solid 1px #ccc;
background-color: #eee;
padding: 0 5px;
font-size: 1em;
color: #aaa;
text-shadow: white 1px 1px;
border-radius: 3px;
box-shadow: rgba(0,0,0,0.2) 0 1px 3px inset;
}
}
.module-column-icon {
display: table-cell;
width: 75px;
text-align: center;
vertical-align: middle;
img {
max-width: 57px;
}
}
.module-column-infos {
display: table-cell;
height: 50px;
vertical-align: middle;
.module-name {
font-size: 1.2em;
}
.module-description {
@extend .text-muted;
}
}
.module-column-actions {
display: table-cell;
padding: 0 10px;
vertical-align: middle;
text-align: right;
.btn-group {
text-align: right;
}
}
.dropdown-menu {
min-width: auto;
}
}
#unhook-button-position-bottom {
display: none;
}
.module-actions {
// @toDo: move to ui kit
.dropdown-toggle-split-text {
color: #AEAEAE;
border-color: #AEAEAE;
margin-left: 10px !important;
&:hover {
background-color: #AEAEAE;
color: white;
}
}
}

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,76 @@
.products-catalog {
> .content {
background: #ffffff;
padding: {
top: $grid-gutter-width / 2;
bottom: $grid-gutter-width / 2;
}
margin-bottom: 20px;
.row {
align-items: center;
}
}
> .content:last-child {
margin-bottom: 0;
}
// actions at the top of the page
#catalog-actions {
align-items: start;
.row + .row {
padding-top: $grid-gutter-width / 2;
}
}
.icon-caret {
font-size: 0.625rem;
vertical-align: 0.0625rem;
cursor: pointer;
display: inline-block;
&.-current {
color: $primary;
}
}
table {
.form-control,
.select2 {
font-weight: normal;
}
.form-min-max {
display: inline-block;
width: 48%;
}
.action-enabled {
color: $brand-success
}
.action-disabled {
color: $brand-danger
}
}
.bulk-catalog {
.dropdown-item {
border: 0;
}
}
.dropdown-toggle.product-edit {
color: $gray-medium;
&:after {
content: "more_vert";
}
}
}
.emptycatalog-icon {
> .material-icons {
color: $gray-light;
font-size: 12rem;
}
}

View File

@@ -0,0 +1,219 @@
.stock-app {
padding: 0;
.table {
td:first-child {
// product description inside the product column
p {
margin-bottom: 0;
}
}
}
#search {
.search-input {
box-shadow: none;
border: $gray-light 1px solid;
background-color: white;
min-height: 35px;
outline: none;
border-radius: 0;
}
.alert-box {
padding-top: 28px;
position: fixed;
right: 5px;
top: 40px;
z-index: 502; // above header toolbar
}
.fade-enter-active, .fade-leave-active {
transition: opacity .5s;
}
.fade-enter, .fade-leave-to {
opacity: 0;
}
}
#filters-container {
.collapse-button {
width: 100%;
text-align: left;
.material-icons {
vertical-align: bottom;
font-size: 20px;
color: $gray-medium;
}
}
.filter-container {
border: $gray-light 1px solid;
padding: 10px;
&.filter-suppliers {
.item {
margin-bottom: 5px;
}
ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
}
}
}
.low-filter-label {
cursor: pointer;
}
#filters {
background: white;
border-radius: 2px;
box-shadow: 1px 2px 3px 0 rgba(108, 134, 142, 0.3);
border: solid 1px #b9cdd2;
width: 150%;
.row {
padding: 0.625rem; // 10px
}
}
// form that allows changing stock quantities
form.qty {
position: relative;
display: inline-block;
width: 7rem;
&:hover,
&.active {
input[type=number] {
// we need this offset to make room for the confirmation button
padding-right: 34px;
}
.ps-number-spinner {
right: 34px;
}
}
.check-button {
outline: none;
opacity: 0;
position: absolute;
top: 1px;
right: 1px;
border: none;
height: 33px;
width: 33px;
background: $brand-primary;
z-index: 2;
padding: 0;
cursor: pointer;
.material-icons {
color: white;
vertical-align: middle;
}
&:hover {
background: $primary-hover;
}
}
&.active {
.check-button {
opacity: 1;
cursor: pointer;
}
}
&.disabled {
.check-button {
background: $gray-light;
cursor: default;
}
}
}
.pagination {
justify-content: center;
}
.stock-movements {
.qty-number {
padding: 2px 5px;
background-color: $gray-dark;
display: inline-block;
min-width: 50px;
color: white;
&.is-positive {
background-color: $brand-primary;
}
}
}
.stock-overview {
.table {
table-layout: fixed;
thead {
th {
&.product-title {
padding-left: 6rem;
}
&:last-child {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
.material-icons {
margin-right: 5px;
}
}
}
}
.qty-update {
color: $brand-primary;
.material-icons {
vertical-align: middle;
}
}
.enable {
color: $success;
}
.disable {
color: $danger;
}
.low-stock {
background: $danger-hover;
.stock-warning {
color: $danger;
font-weight: bold;
&.ico {
border: 1px solid $danger;
background: lighten($danger, 30%);
padding: 0 5px;
cursor: pointer;
}
}
}
}
.product-actions {
small {
display: block;
}
.bulk-qty {
max-width: 100px;
}
.update-qty {
color: white;
transition: background-color 0.2s ease;
}
.qty {
padding-left: 20px;
}
}
}
}

View File

@@ -0,0 +1,307 @@
$color-error: #c05c67;
$color-active: #25B9D7;
.search-translation,
.domains-tree {
.alerts {
margin-top: 1rem;
}
.col-offset {
margin-left: 1rem;
}
.hide {
display: none;
}
}
.breadcrumb {
small {
color: $gray-medium;
}
}
.total-remaining-translations {
color: $color-error;
}
.search-translation {
margin-bottom: 1.25rem;
.summary {
font-size: 0.875rem;
color: #363A41;
}
.search {
width: 100%;
margin-top: 1px;
}
.search-button {
margin-right: 0.625rem;
}
.alert {
float: left;
margin-top: 1.875rem;
width: 42.63rem;
height: 3.438rem;
i,
span {
float: left;
}
span {
margin-left: 2.5rem;
}
}
}
.domains-tree {
float: left;
hr {
clear: both;
height: 0.125rem;
border-top: solid 1px #bbcdd2;
margin-top: 0;
}
.btn-expand,
.btn-reduce {
cursor: pointer;
height: 0.875rem;
object-fit: contain;
font-size: $font-size-xs;
font-weight: bold;
font-style: normal;
font-stretch: normal;
margin-bottom: 0.9375rem;
text-transform: uppercase;
color: #70848b;
i {
float: left;
font-size: 25px;
}
span {
float: left;
line-height: 1.563rem;
}
}
.btn-expand {
margin-left: -0.3125rem;
margin-top: 0.9375rem;
}
.btn-reduce {
float: right;
}
.card {
padding: 0.9375rem 0.9375rem 0 0.9375rem;
border-radius: 0;
}
.domain-first-part,
.domain-part {
width: 100%;
height: 1.375rem;
object-fit: contain;
font-size: $font-size-base;
font-weight: 400;
font-style: normal;
font-stretch: normal;
margin-left: -0.3125rem;
margin-bottom: 0.9375rem;
overflow: hidden;
text-align: left;
color: #363a41;
i {
color: #70848b;
float: left;
font-size: 1.563rem;
font-weight: 400;
&.expanded {
transform: rotate(90deg);
}
}
span {
float: left;
line-height: 1.563rem;
cursor: pointer;
.missing-translations {
color: $color-error;
}
}
&:hover {
color: $color-active;
}
.missing-translations {
line-height: 1.563rem;
color: $color-error;
}
}
.domain-first-part {
&.active {
font-weight: 600;
}
.material-icons {
cursor: pointer;
}
}
.domain-part {
margin-left: 1.25rem;
}
.translation-domain {
.btn {
display: none;
}
}
.domain-actions {
margin-left: 0.625rem;
margin-bottom: 0.9375rem;
width: 100%;
i {
cursor: pointer;
float: left;
color: $color-active;
line-height: 1.563rem;
}
.btn-hide-messages,
.btn-show-messages {
cursor: pointer;
float: left;
height: 0.875rem;
line-height: 1.563rem;
font-size: $font-size-xs;
font-weight: 600;
font-style: normal;
font-stretch: normal;
text-align: center;
color: $color-active;
}
.missing-translations {
color: $color-error;
text-transform: uppercase;
margin-right: 0.9375rem;
font-size: $font-size-xs;
}
}
}
.translation-domains {
background-color: #fff;
float: left;
min-height: 50rem;
h1 {
width: auto;
height: 1.375rem;
object-fit: contain;
font-size: $font-size-h1;
font-weight: 600;
font-style: normal;
font-stretch: normal;
text-align: left;
color: #363a41;
margin-top: 0.9375rem;
}
.hide {
display: none;
}
.navbar-container {
position: absolute;
top: -0.625rem;
right: 0;
&.relative-position {
position: relative;
}
}
.forms-container + .navbar-container {
position: relative;
bottom: 0;
right: 0;
}
.form-control-warning {
background-image: none;
border-color: $color-error;
}
.reset-translation-value {
margin-right: 0.3125rem;
}
form {
margin-top: 0.625rem;
float: left;
width: 100%;
p {
margin-bottom: 0.3125rem;
}
}
.form-group {
margin-bottom: 0.625rem;
}
.missing-translations,
.missing-translations-paragraph {
color: $color-error;
}
}
.translations-results {
display: none;
margin-top: 3.125rem;
padding-top: 0.9375rem;
padding-left: 0.9375rem;
margin-left: 0.9375rem;
}
#jetsContent {
form {
margin-bottom: 3.125rem;
margin-top: 1.25rem;
width: 100%;
.form-group {
margin-bottom: 0.625rem;
}
.form-control-warning {
border-color: $color-error;
}
}
p {
margin-bottom: 0.3125rem;
}
.buttons {
.reset-translation-value {
margin-right: 0.3125rem;
}
}
}