pengjunjie/document-server-integration
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/document-server-integration.git synced 2026-02-10 18:05:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

feature(php): add navbar

Browse Source
This commit is contained in:
Serik Ibragimov
2024-04-16 22:32:16 +05:00
parent 7ec588280b
commit 352b4c0ded
5 changed files with 80 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
web/documentserver-example/php/assets/css/media.css
View File

@ -79,7 +79,8 @@
margin-left: 0;
}
.tableRow {
.tableRow,
menu.links {
width: 90%;
}
@ -119,7 +120,8 @@
.contentCells-icon{
width: 5%;
}
.tableRow {
.tableRow,
menu.links {
width: 55%;
}
@ -175,7 +177,8 @@
}
@media (max-width: 715px) {
.tableRow {
.tableRow,
menu.links {
width: 45%;
}
}
@ -263,7 +266,8 @@
padding-left: 0;
}
.tableRow {
.tableRow,
menu.links {
width: 75%;
}
@ -293,7 +297,8 @@
width: 580px;
}
.tableRow {
.tableRow,
menu.links {
width: 95%;
}
@ -409,7 +414,8 @@
padding: 16px 0 6px;
}
.tableRow {
.tableRow,
menu.links {
width: 40%;
}
@ -540,7 +546,8 @@
}
@media (max-width: 510px) and (min-width: 470px) {
.tableRow {
.tableRow,
menu.links {
width: 35%;
}
@ -566,7 +573,8 @@
}
@media (max-width: 470px) and (min-width: 420px) {
.tableRow {
.tableRow,
menu.links {
width: 30%;
}
.tableRow td:first-child{
@ -601,7 +609,8 @@
}
@media (max-width: 420px) and (min-width: 320px) {
.tableRow {
.tableRow,
menu.links {
width: 25%;
}
@ -651,7 +660,8 @@
}
}
@media (max-width: 769px) and (min-width: 715px){
.tableRow{
.tableRow,
menu.links {
width: 50%;
}
}

37
web/documentserver-example/php/assets/css/stylesheet.css
View File

@ -297,6 +297,43 @@ label .checkbox {
border-bottom: 1px solid #D0D5DA;
}
.links {
display: flex;
padding: 0;
column-gap: 30px;
align-items: center;
list-style: none;
border-bottom: 1px solid #E2E2E2;
margin: 0;
margin-bottom: 24px;
}
.links li {
padding: 4px;
border-bottom: 2px solid transparent;
margin-bottom: -1px;
}
.links li.active {
border-bottom: 2px solid #FF6F3D;
}
.links li.active a {
color: #FF6F3D;
}
.links li.active a img {
filter: invert(55%) sepia(67%) saturate(2727%) hue-rotate(335deg) brightness(104%) contrast(101%);
}
.links a {
display: inline-block;
padding: 2px 0;
line-height: 20px;
font-size: 13px;
text-decoration: none;
}
#mainProgress {
color: #333333;
display: none;

3
web/documentserver-example/php/assets/images/home.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="20" height="17" viewBox="0 0 20 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 17V11H12V17H17V9H20L10 0L0 9H3V17H8Z" fill="#444444"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 173 B

10
web/documentserver-example/php/templates/forgotten.tpl
View File

@ -32,6 +32,16 @@
<td class="left-panel section"></td>
<td class="section">
<div class="main-panel">
<menu class="links">
<li class="home-link" >
<a href="./">
<img src="assets/images/home.svg" alt="Home"/>
</a>
</li>
<li class="active">
<a href="forgotten">Forgotten files</a>
</li>
</menu>
<div class="stored-list">
<div class="storedHeader">
<div class="storedHeaderText">

10
web/documentserver-example/php/templates/index.tpl
View File

@ -103,6 +103,16 @@
</td>
<td class="section">
<div class="main-panel">
<menu class="links">
<li class="home-link active" >
<a href="./">
<img src="assets/images/home.svg" alt="Home"/>
</a>
</li>
<li>
<a href="forgotten">Forgotten files</a>
</li>
</menu>
<div id="portal-info" style="display: {portalInfoDisplay}">
<span class="portal-name">ONLYOFFICE Document Editors – Welcome!</span>
<span class="portal-descr">