pengjunjie/document-server-integration
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/document-server-integration.git synced 2026-04-07 14:06:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

csharp-mvc: user tooltip layout

Browse Source
This commit is contained in:
Oleg Sinizin
2021-09-28 18:57:02 +03:00
committed by Sergey Linnik
parent b965ec08aa
commit 1463e88024
4 changed files with 128 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/documentserver-example/csharp-mvc/Content/media.css
View File

@ -48,7 +48,7 @@
.left-panel {
margin-left: 48px;
width: 95%;
width: 20%;
}
}
@ -87,9 +87,12 @@
}
@media (max-width: 1008px) {
#portal-info {
width: 65vw;
}
.left-panel {
margin-left: 0;
width: 94%;
}
.main-panel {
@ -125,10 +128,6 @@
height: 80px;
}
.left-panel {
width: 90%;
}
.main-panel {
left: 0;
padding: 48px 18px 24px;
@ -333,6 +332,9 @@
@media (max-width: 593px ) {
#portal-info {
width: 50vw;
}
.file-upload{
width: 100%;
}
@ -347,15 +349,6 @@
top: 31px;
}
.menu {
display: flex;
}
header .center > a {
position: absolute;
left: 30px;
}
footer table tr {
justify-content: center;
}

64
web/documentserver-example/csharp-mvc/Content/stylesheet.css
View File

@ -357,7 +357,7 @@ footer {
color: #AAAAAA;
height: 64px;
width: 100%;
position: absolute;
position: relative;
left: 0;
bottom: 0;
}
@ -595,29 +595,6 @@ footer table tr td:first-child {
margin: -2px 5px;
}
.tooltip {
background: #FFFFFF;
border-radius: 5px;
box-shadow: 0px 7px 25px rgba(85, 85, 85, 0.15);
color: #666666;
line-height: 160%;
max-width: 455px;
padding: 14px;
position: absolute;
}
.tooltip ul {
margin: 0;
}
.arrow {
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #FFFFFF;
position: absolute;
transform: translate(-50%, -50%);
}
.user-block-table {
height: 100%;
padding-top: 14px;
@ -704,26 +681,6 @@ footer table tr td:first-child {
letter-spacing: -0.02em;
word-wrap: break-word;
}
.menu {
cursor: pointer;
display: none;
flex-wrap: nowrap;
flex-direction: column;
justify-content: space-between;
top: 10px;
left: 12px;
position: absolute;
content: "";
height: 26px;
width: 30px;
}
.menu span {
content: "";
width: 26px;
height: 3px;
background: rgb(194, 194, 194);
}
html {
overflow-x: hidden;
@ -762,3 +719,22 @@ html {
margin-left: auto;
}
.user-descr {
display: inline-table;
width: 30vw;
min-width: 200px;
max-width: 400px;
}
.user-descr > b {
margin-left: 25px;
}
#portal-info {
display: block;
width: 70vw;
}
.portal-descr:nth-child(3) {
margin-bottom: 20px;
}