Andrey
/
object-type-constructor-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pages-section css

master
Boris Voropaev 2023-11-21 12:50:30 +03:00
parent d7b5cf8b0f
commit d36ed2f411
7 changed files with 52 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/_modules/pages/sections/add/add-section.component.scss
View File

@ -1,17 +0,0 @@
.add{
position: relative;
.toggle{
position:inherit;
display: flex;
gap:8px;
align-items: center;
drop-down{
margin-top: 4px;
}
&.active{
a{
color: var(--prime-act);
}
}
}
}

8
src/app/_modules/pages/sections/menu/page-menu.component.html
View File

@ -1,8 +1,8 @@
<div class="menu" *ngIf="editMode">
<div class="block">
<button type="button" class="up" *ngIf="!isFirst" (click)="move(ord - 1)"></button>
<button type="button" class="down" *ngIf="!isLast" (click)="move(ord + 1)"></button>
<button type="button" class="edit" (click)="edit()"></button>
<button type="button" class="delete" (click)="delete()"></button>
<a><ico ico="arrow_upward_24" (click)="move(ord - 1)"></ico></a>
<a><ico ico="arrow_downward_24" (click)="move(ord + 1)"></ico></a>
<a><ico ico="edit_24" (click)="edit()"></ico></a>
<a><ico ico="delete_24" (click)="delete()"></ico></a>
</div>
</div>

11
src/app/_modules/pages/sections/types/basic/cards/items/cards-section-items.component.scss
View File

@ -1,11 +0,0 @@
.items {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 24px;
flex-wrap: wrap;
cards-section-item {
width: 240px
}
}

6
src/app/_modules/pages/sections/types/basic/cards/items/item/cards-section-item.component.scss
View File

@ -1,5 +1 @@
.card {
height: 100%;
padding: 12px;
border: #dedede solid 1px;
}

44
src/assets/css/_basics.scss
View File

@ -43,49 +43,17 @@ $pxxs:4px;
.menu, .page-header {
.menu {
display: flex;
.block {
background: #fff;
border: 1px solid var(--second-dis);
border-radius: 12px;
padding: 12px 24px;
border-radius: $pxs;
padding: $pxs $ps;
display: flex;
margin-bottom: 16px;
column-gap: 20px;
button {
background-position: center;
background-repeat: no-repeat;
padding: 0;
background-color: #ffffff;
border: none;
border-radius: 0;
&.up, &.down, &.edit, &.publish, &.unpublish, &.delete {
width: 24px;
height: 24px;
}
&.up {background-image: url("~src/assets/images/icons/arrow_upward_24dp.svg");}
&.down {background-image: url("~src/assets/images/icons/arrow_downward_24dp.svg");}
&.edit {background-image: url("~src/assets/images/icons/edit_24dp.svg");}
&.publish {background-image: url("~src/assets/images/icons/visibility_on_24dp.svg");}
&.unpublish {background-image: url("~src/assets/images/icons/visibility_off_24dp.svg");}
&.delete {background-image: url("~src/assets/images/icons/trash_24dp.svg");}
}
margin-bottom: $ps;
margin-top: $ps;
column-gap: $ps;
}
}

39
src/assets/css/_pages-section.scss Normal file
View File

@ -0,0 +1,39 @@
add-section{
.add{
position: relative;
.toggle{
position:inherit;
display: flex;
gap:8px;
align-items: center;
drop-down{
margin-top: 4px;
}
&.active{
a{
color: var(--prime-act);
}
}
}
}
}
.cards-section-items{
.items {
display: flex;
flex-direction: row;
align-items: stretch;
gap: 24px;
flex-wrap: wrap;
cards-section-item {
width: 240px;
.card {
height: 100%;
padding: 12px;
border: #dedede solid 1px;
}
}
}
}

3
src/styles.scss
View File

@ -11,4 +11,5 @@
@import 'registry';
@import 'slider';
@import 'tables';
@import 'tabs.scss';
@import 'tabs.scss';
@import 'pages-section';