tk023 css
Boris Voropaev
parent
90669aca31
commit
359f1682c6
|
|
@ -497,6 +497,10 @@
|
|||
"replace": "src/app/_modules/pages/menu/slider-menu/slider-menu.component.ts",
|
||||
"with": "src/tk023/component/pages/menu/slider-menu/slider-menu.component.ts"
|
||||
},
|
||||
{
|
||||
"replace": "src/app/_modules/pages/page/page.component.ts",
|
||||
"with": "src/tk023/component/pages/page/page.component.ts"
|
||||
},
|
||||
{
|
||||
"replace": "src/app/_modules/registries/registry/entries/entry/registry-entry.component.ts",
|
||||
"with": "src/tk023/component/registries/registry/entries/entry/registry-entry.component.ts"
|
||||
|
|
@ -564,6 +568,10 @@
|
|||
"replace": "src/app/_modules/pages/menu/slider-menu/slider-menu.component.ts",
|
||||
"with": "src/tk023/component/pages/menu/slider-menu/slider-menu.component.ts"
|
||||
},
|
||||
{
|
||||
"replace": "src/app/_modules/pages/page/page.component.ts",
|
||||
"with": "src/tk023/component/pages/page/page.component.ts"
|
||||
},
|
||||
{
|
||||
"replace": "src/app/_modules/registries/registry/entries/entry/registry-entry.component.ts",
|
||||
"with": "src/tk023/component/registries/registry/entries/entry/registry-entry.component.ts"
|
||||
|
|
|
|||
|
|
@ -1,47 +1,47 @@
|
|||
:host{
|
||||
display: block;
|
||||
}
|
||||
.breadcrumbs {
|
||||
padding: 12px 0 0 0;
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
color:var(--prime);
|
||||
li {
|
||||
padding: 0;
|
||||
display: inline;
|
||||
list-style-type: none;
|
||||
margin-right: 22px;
|
||||
position: relative;
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 16px; /* 160% */
|
||||
// :host{
|
||||
// display: block;
|
||||
// }
|
||||
// .breadcrumbs {
|
||||
// padding: 12px 0 0 0;
|
||||
// display: block;
|
||||
// white-space: nowrap;
|
||||
// overflow: hidden;
|
||||
// text-overflow: ellipsis;
|
||||
// color:var(--prime);
|
||||
// li {
|
||||
// padding: 0;
|
||||
// display: inline;
|
||||
// list-style-type: none;
|
||||
// margin-right: 22px;
|
||||
// position: relative;
|
||||
// font-size: 20px;
|
||||
// font-style: normal;
|
||||
// font-weight: 400;
|
||||
// line-height: 16px; /* 160% */
|
||||
|
||||
color: var(--prime);
|
||||
// color: var(--prime);
|
||||
|
||||
&::before {
|
||||
display: inline;
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
right: -22px;
|
||||
top: 4px;
|
||||
vertical-align: -5px;
|
||||
background: url("~src/assets/images/icons/chevron_right_24dp.svg") no-repeat center;
|
||||
}
|
||||
&:first-child{
|
||||
display: none;
|
||||
}
|
||||
&:last-child {
|
||||
&::before {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: var(--grey-7);
|
||||
}
|
||||
}
|
||||
}
|
||||
// &::before {
|
||||
// display: inline;
|
||||
// content: "";
|
||||
// position: absolute;
|
||||
// width: 20px;
|
||||
// height: 20px;
|
||||
// right: -22px;
|
||||
// top: 4px;
|
||||
// vertical-align: -5px;
|
||||
// background: url("~src/assets/images/icons/chevron_right_24dp.svg") no-repeat center;
|
||||
// }
|
||||
// &:first-child{
|
||||
// display: none;
|
||||
// }
|
||||
// &:last-child {
|
||||
// &::before {
|
||||
// background: none;
|
||||
// }
|
||||
// }
|
||||
// a {
|
||||
// color: var(--grey-7);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
|
|
|||
|
|
@ -0,0 +1,17 @@
|
|||
<div *ngIf="page">
|
||||
<div>
|
||||
<page-breadcrumbs [page]="page"></page-breadcrumbs>
|
||||
</div>
|
||||
<div class="pages" [ngSwitch]="page?.type?.name || page?.type">
|
||||
<content-page *ngSwitchCase="'content'" [page]="page" [editMode]="editMode"></content-page>
|
||||
<publications-page *ngSwitchCase="'publications'" [page]="page" [editMode]="editMode"></publications-page>
|
||||
<registry-page *ngSwitchCase="'registry'" [page]="page" [editMode]="editMode"></registry-page>
|
||||
<publication-page *ngSwitchCase="'publication'" [page]="page" [editMode]="editMode"></publication-page>
|
||||
<tk-structure-page *ngSwitchCase="'tk-structure'" [page]="page" [editMode]="editMode"></tk-structure-page>
|
||||
<p *ngSwitchDefault>Page type {{page?.type?.name}} is undefined</p>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="!loading && !page">
|
||||
<page-not-found></page-not-found>
|
||||
</div>
|
||||
<!--div class="loader" *ngIf="loading"></div-->
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
@media screen and (min-width: 1330px){
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,90 @@
|
|||
import {Component} from '@angular/core';
|
||||
import {NavigationEnd, Router} from "@angular/router";
|
||||
import {Subscription} from "rxjs";
|
||||
import {PagesService} from "@app/_services/pages.service";
|
||||
import {ListsService} from "@app/_services";
|
||||
import {Title} from "@angular/platform-browser";
|
||||
|
||||
@Component({
|
||||
templateUrl: 'page.component.html',
|
||||
styleUrls: ['page.component.scss']
|
||||
})
|
||||
export class PageComponent {
|
||||
public page: any;
|
||||
public loading = false;
|
||||
private url: string;
|
||||
private inited = false;
|
||||
routeSubscription?: Subscription;
|
||||
listSubscription: Subscription;
|
||||
|
||||
constructor(
|
||||
private router: Router,
|
||||
private pagesService: PagesService,
|
||||
private listsService: ListsService,
|
||||
private titleService:Title){
|
||||
this.routeSubscription = this.router.events.subscribe(event => {
|
||||
if (event instanceof NavigationEnd) this.onNavigationEnd(event);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
get editMode() {
|
||||
return this.pagesService.editMode;
|
||||
}
|
||||
|
||||
get permissions() {
|
||||
return this.page?.permissions;
|
||||
}
|
||||
|
||||
get isEditable() {
|
||||
return this.permissions?.edit || this.permissions?.anything;
|
||||
}
|
||||
|
||||
|
||||
ngOnInit() {
|
||||
this.listSubscription = this.listsService.controls().subscribe(res => {
|
||||
this.inited ? this.fetch() : this.inited = true;
|
||||
});
|
||||
}
|
||||
|
||||
ngOnDestroy() {
|
||||
this.routeSubscription?.unsubscribe();
|
||||
this.listSubscription?.unsubscribe()
|
||||
}
|
||||
|
||||
onNavigationEnd(event: NavigationEnd) {
|
||||
let url = event.url.split('(')[0].split('?')[0];
|
||||
if (url !== this.url) {
|
||||
this.url = url;
|
||||
this.fetch();
|
||||
this.pagesService.editMode = false;
|
||||
}
|
||||
}
|
||||
|
||||
fetch() {
|
||||
this.loading = true;
|
||||
let include = [
|
||||
'parents.children',
|
||||
'parents.picture',
|
||||
'children',
|
||||
'sections.type',
|
||||
'sections.groups.fields.value',
|
||||
'sections.objects.groups.fields.value',
|
||||
'sidebars.groups.fields.value',
|
||||
'sidebars.type',
|
||||
'permissions',
|
||||
'picture',
|
||||
'posters'
|
||||
];
|
||||
this.pagesService.find(this.url, {include: include.join(',')}).subscribe(res => {
|
||||
this.page = res?.data;
|
||||
if (this.page) {
|
||||
this.pagesService.currentPage = this.page;
|
||||
// this.titleService.setTitle(this.page.title||this.page.h1||this.page.name)
|
||||
}
|
||||
this.loading = false;
|
||||
}, error => {
|
||||
this.loading = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
|
@ -4,7 +4,6 @@
|
|||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
padding: 32px;
|
||||
h2{
|
||||
color: var(--second-act);
|
||||
margin-bottom: 48px;
|
||||
|
|
|
|||
|
|
@ -107,8 +107,8 @@ $pxxs:4px;
|
|||
--radius-1: 12px;
|
||||
--radius-2: 20px;
|
||||
--white: #ffffff;
|
||||
--light: #B1B1B1
|
||||
;
|
||||
--light: #B1B1B1;
|
||||
--prime-light: #E5F0F7;
|
||||
|
||||
|
||||
--prime: #0079C2;
|
||||
|
|
@ -200,12 +200,11 @@ body {
|
|||
}
|
||||
|
||||
p {
|
||||
color: #000;
|
||||
font-family: Golos;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
font-family: Roboto;
|
||||
font-size: 15px;
|
||||
font-weight: 300;
|
||||
line-height: 22px;
|
||||
|
||||
}
|
||||
|
||||
strong{
|
||||
|
|
@ -213,41 +212,34 @@ strong{
|
|||
}
|
||||
|
||||
h1{
|
||||
color: var(--white);
|
||||
font-family: "PT Serif";
|
||||
font-size: 76px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 76px; /* 100% */
|
||||
letter-spacing: 0.76px;
|
||||
font-family: Roboto;
|
||||
font-size: 32px;
|
||||
font-weight: 300;
|
||||
line-height: 32px;
|
||||
letter-spacing: 0em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: var(--second-act);
|
||||
font-family: "PT Serif";
|
||||
font-size: 50px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 60px; /* 120% */
|
||||
letter-spacing: 0.5px;
|
||||
margin:0;
|
||||
font-family: Roboto;
|
||||
font-size: 24px;
|
||||
font-weight: 300;
|
||||
line-height: 30px;
|
||||
letter-spacing: 0em;
|
||||
text-align: left;
|
||||
|
||||
}
|
||||
h3 {
|
||||
font-family: "PT Serif";
|
||||
font-size: 24px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-family: Roboto;
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
line-height: 30px;
|
||||
margin-top: 16px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
h4 {
|
||||
color: #6A6868;
|
||||
font-family: "PT Serif";
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 25px;
|
||||
font-family: Roboto;
|
||||
font-size: 15 px;
|
||||
font-weight: 500;
|
||||
line-height: 22px;
|
||||
color: var(--second);
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
@ -367,13 +359,6 @@ span.link {
|
|||
}
|
||||
|
||||
|
||||
file-ico{
|
||||
width: 52px;
|
||||
height: 60px;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
|
||||
modal{
|
||||
position: fixed;
|
||||
width: 100vw;
|
||||
|
|
|
|||
|
|
@ -61,3 +61,16 @@ button, .btn, a.btn {
|
|||
}
|
||||
|
||||
}
|
||||
|
||||
.cms-modal-footer, auth-form-login{
|
||||
button{
|
||||
font-family: Roboto!important;
|
||||
font-size: 15px !important;
|
||||
padding: 4px 11px !important;
|
||||
}
|
||||
input{
|
||||
font-family: Roboto!important;
|
||||
font-size: 15px !important;
|
||||
font-weight: 300 !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,6 +5,16 @@
|
|||
display: flex;
|
||||
gap: 8px;
|
||||
margin: 0 0 16px;
|
||||
file-ico{
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
img{
|
||||
object-fit: contain;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.value{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -12,7 +22,6 @@
|
|||
display: inline-block;
|
||||
}
|
||||
.description{
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
color: var(--second);
|
||||
}
|
||||
|
|
@ -20,6 +29,7 @@
|
|||
&:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
}
|
||||
.none {
|
||||
color: #7f7f7f;
|
||||
|
|
|
|||
|
|
@ -4,8 +4,6 @@ input, select, textarea {
|
|||
padding: 8px 16px;
|
||||
border-radius: 4px;
|
||||
border: solid 1px var(--second-dis);
|
||||
font-family: "PT Sans";
|
||||
font-size: 20px;
|
||||
color: var(--second-act);
|
||||
background-color: #fff;
|
||||
&:hover{
|
||||
|
|
|
|||
|
|
@ -146,7 +146,7 @@ left-content{
|
|||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
pages-menu.current>pages-menu-item>.item{
|
||||
pages-menu.current>pages-menu-item>.item, pages-menu.parent>pages-menu-item>.item{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,20 +1,82 @@
|
|||
|
||||
|
||||
page-breadcrumbs{
|
||||
display: block;
|
||||
|
||||
.breadcrumbs{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap:2px;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
li{
|
||||
&:first-child{
|
||||
display: inline-flex;
|
||||
width: 24px;
|
||||
overflow: hidden;
|
||||
height: 24px;
|
||||
::before{
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: url("/assets/images/ico/home_prime_24.svg") no-repeat center;
|
||||
vertical-align: -5px;
|
||||
}
|
||||
}
|
||||
::before{
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: url("/assets/images/ico/chevron_right_second_24.svg") no-repeat center;
|
||||
vertical-align: -7px;
|
||||
}
|
||||
&:last-child{
|
||||
display: block;
|
||||
width: 100%;
|
||||
font-size: 32px;
|
||||
font-weight: 300;
|
||||
line-height: 32px;
|
||||
margin-top: 20px;
|
||||
|
||||
}
|
||||
&:nth-last-child(2)::after{
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: url("/assets/images/ico/chevron_right_second_24.svg") no-repeat center;
|
||||
vertical-align: -7px;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
page-sections{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 15px;
|
||||
|
||||
.section{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
}
|
||||
h2{
|
||||
margin-bottom: 8px;
|
||||
margin-block: 10px 0;
|
||||
}
|
||||
h4 {
|
||||
margin-bottom: -16px;
|
||||
h4, h3 {
|
||||
margin-top: -5px;
|
||||
margin-bottom: -20px;
|
||||
}
|
||||
p+p{
|
||||
padding-top: 16px;
|
||||
p{
|
||||
margin-block: 0;
|
||||
}
|
||||
page-section:first-child{
|
||||
.menu .block .up{
|
||||
|
|
@ -30,6 +92,7 @@ page-sections{
|
|||
}
|
||||
|
||||
html-section {
|
||||
display: block;
|
||||
text-align: justify;
|
||||
ul{
|
||||
|
||||
|
|
@ -93,9 +156,7 @@ add-section, publications-list{
|
|||
};
|
||||
}
|
||||
}
|
||||
background: var(--light);
|
||||
border: 1px solid var(--second-dis);
|
||||
border-radius: 4px;
|
||||
background: var(--prime-light);
|
||||
padding: 8px 24px;
|
||||
display: flex;
|
||||
margin-bottom: 24px;
|
||||
|
|
@ -206,6 +267,8 @@ cards-section-items{
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -226,12 +289,11 @@ cards-section-items{
|
|||
|
||||
.cards-section-default{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 40px;
|
||||
flex-direction: row;
|
||||
gap: 15px !important;
|
||||
cards-section-item{
|
||||
flex-basis: 340px;
|
||||
flex-shrink: 1;
|
||||
flex-grow: 1;
|
||||
flex-basis: 100%;
|
||||
}
|
||||
.alternative{
|
||||
display: flex;
|
||||
|
|
@ -259,60 +321,29 @@ cards-section-items{
|
|||
.default{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
cursor: pointer;
|
||||
margin-bottom: -8px;
|
||||
width: 100%;
|
||||
.card-image{
|
||||
width: 100%;
|
||||
max-height: 212px;
|
||||
height: calc(( 100vw - 32px ) * 0.62);
|
||||
border: 1px solid var(--bk22);
|
||||
border-radius: 8px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.card-subheader{
|
||||
font-size: 18px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 27px;
|
||||
color: var(--bk66);
|
||||
order: 1;
|
||||
margin-top: 16px;
|
||||
}
|
||||
.card-header{
|
||||
font-size: 32px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 125%;
|
||||
color: var(--bk44);
|
||||
order: 2;
|
||||
margin-top: 8px;
|
||||
}
|
||||
.card-text{
|
||||
display: none;
|
||||
}
|
||||
&::after{
|
||||
order: 3;
|
||||
content: '';
|
||||
width: 120px;
|
||||
height: 24px;
|
||||
background-image: url(/assets/images/ico/arrow_forward_24.svg);
|
||||
.card-subheader{
|
||||
font-size: 15px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: 22px;
|
||||
order: 0;
|
||||
}
|
||||
&:hover{
|
||||
.card-image{
|
||||
border-color: var(--bk44);
|
||||
}
|
||||
.card-subheader{
|
||||
color: var(--bk88);
|
||||
}
|
||||
.card-header{
|
||||
color: var(--bk66);
|
||||
}
|
||||
&::after{
|
||||
background-image: url(/assets/images/ico/arrow_forward_24_hover.svg);
|
||||
}
|
||||
|
||||
.card-header{
|
||||
font-size: 15px;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
line-height: 22px;
|
||||
color: var(--second);
|
||||
order: 0;
|
||||
}
|
||||
.card-text{
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -418,7 +449,6 @@ cards-section-items{
|
|||
|
||||
images-section{
|
||||
display: block;
|
||||
margin-block: 32px;
|
||||
|
||||
.mobile{
|
||||
display: none;
|
||||
|
|
@ -446,12 +476,16 @@ images-section{
|
|||
}
|
||||
|
||||
&.tiles{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 2px;
|
||||
.item{
|
||||
margin-bottom: 16px;
|
||||
height: 106px;
|
||||
width: 160px;
|
||||
img{
|
||||
border: 1px solid var(--second-dis);
|
||||
max-height: 273px;
|
||||
max-width: 273px;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: cover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -579,82 +613,53 @@ publications-list{
|
|||
.add a, .publication-read-more{
|
||||
display: inline-flex;
|
||||
align-items: flex-end;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
|
||||
publications-list-item {
|
||||
display: block;
|
||||
background-color: #FFF;
|
||||
padding-top: 32px;
|
||||
&:last-child{
|
||||
|
||||
&:first-child{
|
||||
.publication-content{
|
||||
border-bottom-color: transparent;
|
||||
border-top: solid 1px var(--second-dis);
|
||||
}
|
||||
}
|
||||
|
||||
.publication-content{
|
||||
padding-top: 15px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
min-height: 232px;
|
||||
border-bottom: solid 1px #E5E5E5;
|
||||
border-bottom: solid 1px var(--second-dis);
|
||||
|
||||
|
||||
gellery{
|
||||
display: block;
|
||||
order: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
overflow: hidden;
|
||||
.poster{
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
img{
|
||||
border: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
.gellery-fullscreen{
|
||||
display: none;
|
||||
}
|
||||
display: none;
|
||||
}
|
||||
.date{
|
||||
margin-left: 232px;
|
||||
display: block;
|
||||
order: 1;
|
||||
color: #6A6868;
|
||||
font-family: Golos;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 21px;
|
||||
margin-bottom: 16px;
|
||||
order: 0;
|
||||
color: var(--second);
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.name h3{
|
||||
margin: 0 0 8px 232px;
|
||||
margin: 0 0 8px 0;
|
||||
display: block;
|
||||
order: 1;
|
||||
color: #000;
|
||||
font-family: "PT Serif";
|
||||
font-size: 24px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 30px;
|
||||
color: var(--prime);
|
||||
font-family: Roboto;
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
line-height: 22px;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
.excerpt{
|
||||
margin-left: 232px;
|
||||
display: block;
|
||||
order: 1;
|
||||
margin-bottom: 32px;
|
||||
order: 2;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.publication-read-more{
|
||||
display: none;
|
||||
|
|
@ -675,15 +680,17 @@ publication-page {
|
|||
|
||||
|
||||
.name{
|
||||
margin-bottom: 24px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.content{
|
||||
margin-top: $p;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: $p;
|
||||
text-align: justify;
|
||||
p{
|
||||
margin-block: 7.5px;
|
||||
}
|
||||
};
|
||||
|
||||
.publication-page-back {
|
||||
|
|
@ -866,42 +873,34 @@ page-section feedback-section{
|
|||
}
|
||||
|
||||
|
||||
|
||||
.pagination {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
gap: 2px;
|
||||
button {
|
||||
&:not(.next, .count){
|
||||
display: flex;
|
||||
padding: 1px 0px 2px 0px;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--prime);
|
||||
|
||||
background: #FFF;
|
||||
border: none;
|
||||
color: var(--prime);
|
||||
text-align: center;
|
||||
font-family: Golos;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 21px;
|
||||
border-radius: 0;
|
||||
padding: 3px 6px;
|
||||
border-radius: 0;
|
||||
font-family: Roboto;
|
||||
font-size: 15px;
|
||||
font-weight: 300;
|
||||
text-transform: none;
|
||||
&.active {
|
||||
color: #FFF;
|
||||
border-color: var(--prime);
|
||||
background-color: var(--prime);
|
||||
color: #000;
|
||||
background-color: var(--prime-light);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
&.next {
|
||||
display: none;
|
||||
|
||||
}
|
||||
}
|
||||
.dots {
|
||||
|
|
@ -911,10 +910,11 @@ page-section feedback-section{
|
|||
}
|
||||
.count {
|
||||
display: flex;
|
||||
justify-content: right;
|
||||
justify-content: left;
|
||||
flex-grow: 1;
|
||||
color: var(--black);
|
||||
font-size: 16px;
|
||||
|
||||
order: -1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -25,36 +25,52 @@ registry-page{
|
|||
padding: 12px 24px;
|
||||
margin-bottom: 24px;
|
||||
.name{
|
||||
color: var(--white);
|
||||
font-family: PT Sans;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
line-height: 24px; /* 150% */
|
||||
|
||||
font-weight: 500;
|
||||
font-size: 15px;
|
||||
|
||||
}
|
||||
.menu{
|
||||
display: flex;
|
||||
gap: $p;
|
||||
svg{
|
||||
cursor: pointer;
|
||||
color: var(--white);
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
drop-down{
|
||||
margin-left: 24px;
|
||||
height: 24px;
|
||||
.toggle{
|
||||
ico{
|
||||
transform: rotate(-90deg);
|
||||
svg{
|
||||
color: transparent;
|
||||
background: url('/assets/images/ico/drop_down_24.svg') 50% 50% no-repeat;
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
registry-category {
|
||||
display: block;
|
||||
.bar{
|
||||
background-color: var(--second);
|
||||
|
||||
background-color: var(--second-dis);
|
||||
border-top: 1px solid var(--light);
|
||||
border-bottom: 1px solid var(--light);
|
||||
.name{
|
||||
color: #fff;
|
||||
color: #646464;
|
||||
}
|
||||
.menu{
|
||||
svg{
|
||||
color: #646464 ;
|
||||
}
|
||||
}
|
||||
|
||||
svg{
|
||||
color: #fff;
|
||||
color: #646464 ;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -157,6 +173,7 @@ registry-entry {
|
|||
}
|
||||
.toggle {
|
||||
margin-left: auto;
|
||||
|
||||
button {
|
||||
display: block;
|
||||
width: 20px;
|
||||
|
|
@ -200,7 +217,6 @@ registry-entry {
|
|||
|
||||
pagination{
|
||||
display: block;
|
||||
padding: 0 24px;
|
||||
&:first-child {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -30,11 +30,7 @@
|
|||
|
||||
|
||||
h2 {
|
||||
font-family: PT Sans;
|
||||
font-size: 20px;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
line-height: 28px;
|
||||
|
||||
}
|
||||
|
||||
ico{
|
||||
|
|
@ -109,11 +105,6 @@
|
|||
}
|
||||
|
||||
.body {
|
||||
font-family: PT Sans;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
|
||||
|
||||
form-frame, object-filters{
|
||||
|
|
@ -143,11 +134,6 @@
|
|||
|
||||
border-radius: 4px;
|
||||
padding: 8px 12px;
|
||||
font-family: PT Sans;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
input{
|
||||
height: 40px;
|
||||
|
|
@ -170,15 +156,7 @@
|
|||
box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.12);
|
||||
|
||||
button{
|
||||
font-family: PT Sans;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 24px; /* 171.429% */
|
||||
letter-spacing: 0.56px;
|
||||
text-transform: uppercase;
|
||||
border-radius: 4px;
|
||||
padding: 8px 20px;
|
||||
|
||||
}
|
||||
|
||||
.left {
|
||||
|
|
@ -188,11 +166,6 @@
|
|||
}
|
||||
|
||||
.notice {
|
||||
font-family: PT Sans;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,14 +1,7 @@
|
|||
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.5 2C8.5 1.17157 9.17157 0.5 10 0.5H41.7929L51.5 10.2071V58C51.5 58.8284 50.8284 59.5 50 59.5H10C9.17157 59.5 8.5 58.8284 8.5 58V2Z" fill="white" stroke="#C0C0C0"/>
|
||||
<path d="M42 0L52 10H44C42.8954 10 42 9.10457 42 8V0Z" fill="#C0C0C0"/>
|
||||
<rect x="29" y="31" width="13" height="2" fill="#C0C0C0"/>
|
||||
<rect x="29" y="37" width="13" height="2" fill="#C0C0C0"/>
|
||||
<rect x="18" y="43" width="24" height="2" fill="#C0C0C0"/>
|
||||
<rect x="18" y="49" width="13" height="2" fill="#C0C0C0"/>
|
||||
<rect x="19" y="32" width="6" height="6" stroke="#C0C0C0" stroke-width="2"/>
|
||||
<rect x="4" y="9" width="34" height="14" fill="#F50F00"/>
|
||||
<path d="M4 23H8V27L4 23Z" fill="#A91A11"/>
|
||||
<path d="M12.5264 12.3745C12.7904 12.3158 13.08 12.2718 13.3954 12.2425C13.7107 12.2058 14.026 12.1875 14.3414 12.1875C14.6787 12.1875 15.0087 12.2205 15.3314 12.2865C15.6614 12.3452 15.9547 12.4662 16.2114 12.6495C16.468 12.8328 16.677 13.0932 16.8384 13.4305C16.9997 13.7605 17.0804 14.1932 17.0804 14.7285C17.0804 15.2125 17.0107 15.6232 16.8714 15.9605C16.7394 16.2978 16.5597 16.5728 16.3324 16.7855C16.105 16.9982 15.841 17.1522 15.5404 17.2475C15.247 17.3428 14.9427 17.3905 14.6274 17.3905C14.598 17.3905 14.5504 17.3905 14.4844 17.3905C14.4184 17.3905 14.3487 17.3905 14.2754 17.3905C14.202 17.3832 14.1287 17.3758 14.0554 17.3685C13.9894 17.3612 13.9417 17.3538 13.9124 17.3465V19.9975H12.5264V12.3745ZM13.9124 16.1035C13.9564 16.1182 14.037 16.1328 14.1544 16.1475C14.279 16.1548 14.3634 16.1585 14.4074 16.1585C14.5687 16.1585 14.7227 16.1365 14.8694 16.0925C15.016 16.0485 15.1444 15.9752 15.2544 15.8725C15.3717 15.7625 15.4634 15.6158 15.5294 15.4325C15.5954 15.2418 15.6284 15.0035 15.6284 14.7175C15.6284 14.4755 15.5954 14.2702 15.5294 14.1015C15.4707 13.9328 15.3864 13.8008 15.2764 13.7055C15.1737 13.6028 15.0527 13.5295 14.9134 13.4855C14.774 13.4415 14.6274 13.4195 14.4734 13.4195C14.246 13.4195 14.059 13.4378 13.9124 13.4745V16.1035Z" fill="white"/>
|
||||
<path d="M18.8686 12.2975C19.0006 12.2755 19.1472 12.2608 19.3086 12.2535C19.4772 12.2388 19.6459 12.2278 19.8146 12.2205C19.9906 12.2058 20.1592 12.1985 20.3206 12.1985C20.4819 12.1912 20.6249 12.1875 20.7496 12.1875C21.3582 12.1875 21.8642 12.2828 22.2676 12.4735C22.6782 12.6568 23.0046 12.9208 23.2466 13.2655C23.4959 13.6028 23.6719 14.0098 23.7746 14.4865C23.8772 14.9632 23.9286 15.4948 23.9286 16.0815C23.9286 16.6168 23.8772 17.1302 23.7746 17.6215C23.6792 18.1055 23.5069 18.5345 23.2576 18.9085C23.0082 19.2752 22.6709 19.5685 22.2456 19.7885C21.8202 20.0085 21.2849 20.1185 20.6396 20.1185C20.5442 20.1185 20.4159 20.1148 20.2546 20.1075C20.0932 20.1002 19.9246 20.0892 19.7486 20.0745C19.5726 20.0672 19.4039 20.0562 19.2426 20.0415C19.0812 20.0342 18.9566 20.0232 18.8686 20.0085V12.2975ZM20.8926 13.4635C20.7752 13.4635 20.6542 13.4672 20.5296 13.4745C20.4122 13.4745 20.3206 13.4818 20.2546 13.4965V18.7985C20.2766 18.8058 20.3132 18.8132 20.3646 18.8205C20.4232 18.8205 20.4819 18.8242 20.5406 18.8315C20.6066 18.8315 20.6652 18.8352 20.7166 18.8425C20.7752 18.8425 20.8156 18.8425 20.8376 18.8425C21.1676 18.8425 21.4389 18.7655 21.6516 18.6115C21.8642 18.4575 22.0292 18.2522 22.1466 17.9955C22.2712 17.7388 22.3556 17.4455 22.3996 17.1155C22.4509 16.7782 22.4766 16.4262 22.4766 16.0595C22.4766 15.7222 22.4546 15.3958 22.4106 15.0805C22.3739 14.7652 22.2969 14.4902 22.1796 14.2555C22.0696 14.0135 21.9082 13.8228 21.6956 13.6835C21.4902 13.5368 21.2226 13.4635 20.8926 13.4635Z" fill="white"/>
|
||||
<path d="M25.8553 12.2975H29.7053V13.5735H27.2413V15.5755H29.5073V16.8515H27.2413V19.9975H25.8553V12.2975Z" fill="white"/>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2 2C2 0.89543 2.89543 0 4 0H16L22 6V22C22 23.1046 21.1046 24 20 24H4C2.89543 24 2 23.1046 2 22V2Z" fill="#E53C25"/>
|
||||
<path d="M6.38867 13.549H4.86409V12.5409H6.38867C6.63697 12.5409 6.83727 12.4879 6.98956 12.382C7.14516 12.2761 7.25773 12.1304 7.32725 11.945C7.40009 11.7596 7.4365 11.5494 7.4365 11.3143C7.4365 11.0892 7.40009 10.8773 7.32725 10.6786C7.25773 10.48 7.14682 10.3194 6.99452 10.1969C6.84223 10.0744 6.64028 10.0132 6.38867 10.0132H5.20178V16.0001H4V9.00012H6.38867C6.86541 9.00012 7.27262 9.09944 7.61031 9.29808C7.94801 9.49672 8.20624 9.76986 8.38502 10.1175C8.5638 10.4618 8.65318 10.8574 8.65318 11.3044C8.65318 11.7712 8.5638 12.1718 8.38502 12.5061C8.20624 12.8405 7.94801 13.0988 7.61031 13.2808C7.27262 13.4596 6.86541 13.549 6.38867 13.549Z" fill="white"/>
|
||||
<path d="M11.7729 16H10.5165L10.5264 14.9919H11.7729C12.1602 14.9919 12.4698 14.9207 12.7015 14.7784C12.9333 14.6327 13.1005 14.4109 13.2031 14.1129C13.3057 13.8149 13.357 13.4342 13.357 12.9707V12.0243C13.357 11.6668 13.3272 11.3622 13.2677 11.1106C13.2114 10.8556 13.122 10.6487 12.9995 10.4898C12.8803 10.3276 12.723 10.2084 12.5277 10.1323C12.3324 10.0528 12.0973 10.0131 11.8225 10.0131H10.4916V9H11.8225C12.2364 9 12.6105 9.06621 12.9449 9.19864C13.2792 9.33107 13.5656 9.5264 13.804 9.78464C14.0457 10.0396 14.2311 10.3557 14.3602 10.7331C14.4893 11.1106 14.5539 11.5443 14.5539 12.0343V12.9707C14.5539 13.4607 14.4893 13.8944 14.3602 14.2718C14.2311 14.6459 14.0457 14.9621 13.804 15.2203C13.5623 15.4753 13.271 15.6689 12.93 15.8014C12.589 15.9338 12.2033 16 11.7729 16ZM11.2067 9V16H10V9H11.2067Z" fill="white"/>
|
||||
<path d="M17.2067 9.00012V16.0001H16V9.00012H17.2067ZM19.6 12.1536V13.1666H16.9286V12.1536H19.6ZM20 9.00012V10.0132H16.9286V9.00012H20Z" fill="white"/>
|
||||
<path d="M16 0L22 6H18C16.8954 6 16 5.10457 16 4V0Z" fill="#C20017"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 1.9 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.6 12L8 7.4L9.4 6L15.4 12L9.4 18L8 16.6L12.6 12Z" fill="#7D7D7D"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 182 B |
|
|
@ -1,5 +1,3 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="ico">
|
||||
<path id="arrow_drop_down_24" d="M12 9L17 14H7L12 9Z" fill="currentColor"/>
|
||||
</g>
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="ico">
|
||||
<path d="M12 15.5L16.5 11L15.075 9.6L12 12.675L8.925 9.6L7.5 11L12 15.5ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="currentColor"/>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 197 B After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" id="ico">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 4.65754L18 9.90754V19H6V9.90754L12 4.65754ZM20 9L12 2L4 9V21H20V9ZM11 15V13H13V15H11ZM9 17V11H15V17H9Z" fill="#0079C2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 285 B |
Loading…
Reference in New Issue