isabelle/Falcon-PrestaShop-9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(standard-styling): Fix icons; add standard css

Browse Source
This commit is contained in:
Isabelle Oving - Anno
2025-12-10 09:51:39 +01:00
parent 9609cfe305
commit 879ed8b9ee
8 changed files with 102 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
falcon/_dev/css/custom.scss
View File

@ -6,6 +6,7 @@
// Components: parts of the theme itself that are not associated with a module.
//@import "custom/components/";
@import "custom/components/forms";
// Modules: Styling for specific modules.
//@import "custom/modules/";
@ -13,6 +14,7 @@
//Layouts: Parts of a page, such as the header, footer, etc.
//@import "custom/layout/header";
//@import "custom/layout/footer";
@import "custom/layout/left-column";
// Pages
//@import "custom/pages/category";

12
falcon/_dev/css/custom/components/_forms.scss Normal file
View File

@ -0,0 +1,12 @@
.field-password-policy .input-group.js-parent-focus {
> * {
max-height: rem-calc(39px);
}
.form-control {
height: unset;
}
.input-group-append .btn {
border-top-right-radius: $border-radius !important;
border-bottom-right-radius: $border-radius !important;
}
}

10
falcon/_dev/css/custom/layout/_left-column.scss Normal file
View File

@ -0,0 +1,10 @@
#left-column {
.list-group-item,
.list-group-item-action-dropdown-link,
label {
font-family: $font-family-base;
font-size: $font-size-base;
color: $secondary;
font-weight: 400;
}
}

129
falcon/_dev/css/theme/components/customer/_customer-links.scss
View File

@ -1,83 +1,80 @@
@use "sass:map";
.customer-links {
margin: 0 0 map.get($spacers, 3);
@include media-breakpoint-up(lg) {
margin: 0;
}
.link-item {
display: flex;
align-items: center;
}
&__list {
@include media-breakpoint-down(md) {
display: flex;
flex-wrap: nowrap;
margin: rem-calc(20px) 0 0;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
&::-webkit-scrollbar {
display: none;
}
}
}
a {
display: block;
flex: 0 0;
max-width: inherit;
padding: map.get($spacers, 2);
font-weight: 700;
color: $gray-800;
white-space: nowrap;
border-radius: $border-radius;
@include font-size($font-size-base);
margin: 0 0 map.get($spacers, 3);
@include media-breakpoint-up(lg) {
white-space: normal;
margin: 0;
}
@include hover-focus() {
color: $primary;
text-decoration: none;
.link-item {
display: flex;
align-items: center;
}
i {
margin-right: map.get($spacers, 1);
color: $primary;
@include font-size(26px);
@include media-breakpoint-up(md) {
margin-right: map.get($spacers, 2);
}
&__list {
@include media-breakpoint-down(md) {
display: flex;
flex-wrap: nowrap;
margin: rem-calc(20px) 0 0;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
&::-webkit-scrollbar {
display: none;
}
}
}
&.active {
color: #fff;
background: $primary;
&::after {
a {
display: block;
}
flex: 0 0;
max-width: inherit;
padding: map.get($spacers, 2);
font-weight: 700;
white-space: nowrap;
border-radius: $border-radius;
@include font-size($font-size-base);
i {
color: inherit;
}
@include media-breakpoint-up(lg) {
white-space: normal;
}
@include hover-focus() {
text-decoration: none;
}
i {
margin-right: map.get($spacers, 1);
@include font-size(26px);
@include media-breakpoint-up(md) {
margin-right: map.get($spacers, 2);
}
}
&.active {
color: #fff;
background: $primary;
&::after {
display: block;
}
i {
color: inherit;
}
}
}
}
&__logout {
text-align: center;
&__logout {
text-align: center;
&::after,
&::before {
display: none;
&::after,
&::before {
display: none;
}
}
}
}