vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

PTViewer improvements

pull/6416/head
tugcekucukoglu 2024-09-16 11:23:41 +03:00
parent bf964aff4c
commit 095ee3d213
2 changed files with 59 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
apps/showcase/assets/styles/layout/_doc.scss
View File

@ -432,3 +432,46 @@
} }
} }
} }
.doc-ptviewerwrapper {
display: flex;
flex-direction: row;
padding: 0 !important;
.doc-ptviewer {
display: flex;
align-items: center;
justify-content: center;
border-color: var(--p-content-border-color);
border-width: 0 1px 0 0;
padding: 1rem;
width: 75%;
}
.doc-ptoptions {
display: flex;
flex-direction: column;
gap: .5rem;
padding: .5rem;
width: 25%;
max-height: 720px;
overflow-y: auto;
.doc-ptoption {
display: flex;
flex-direction: column;
padding: .5rem;
cursor: pointer;
&:hover {
background-color: var(--p-content-hover-background);
}
.doc-ptoption-text {
color: var(--p-text-muted-color);
font-size: 0.875rem;
line-height: 1.25rem;
}
}
}
}

14
apps/showcase/assets/styles/layout/_responsive.scss
View File

@ -128,6 +128,20 @@
.DocSearch-Container { .DocSearch-Container {
position: fixed !important; position: fixed !important;
} }
.doc-ptviewerwrapper {
flex-direction: column;
.doc-ptviewer {
width: 100%;
border-width: 0 0 1px 0;
}
.doc-ptoptions {
width: 100%;
padding: 1rem;
}
}
} }
@media screen and (max-width: 575px) { @media screen and (max-width: 575px) {