Add floating logo

Please enter the commit message for your changes. Lines starting
This commit is contained in:
Paulo Gustavo Veiga 2022-01-06 14:40:49 -08:00
parent a4225832db
commit 733db56e34
3 changed files with 11 additions and 20 deletions

View File

@ -17,7 +17,8 @@ body {
} }
div#mindplot { div#mindplot {
position: relative; position: absolute;
top: @header-toolbar-height;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
@ -146,20 +147,21 @@ div.shareModalDialog {
} }
#floating-panel { #floating-panel {
position: absolute; position: fixed;
bottom: 0;
right: 0;
padding: 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-end; align-items: flex-end;
bottom: 10px;
right: 20px;
} }
#bottom-logo { div#bottom-logo {
position: fixed;
left: 20px;
bottom: 10px;
background: url(../images/logo-text-black.svg) no-repeat; background: url(../images/logo-text-black.svg) no-repeat;
width: 100px; width: 90px;
height: 40px; height: 40px;
margin-top: 20px;
} }
#zoom-button { #zoom-button {

View File

@ -28,17 +28,6 @@ div#footer {
left: 0; left: 0;
} }
div#footerLogo {
width: 114px;
height: 56px;
position: absolute;
display: list-item;
list-style-image: url(../images/logo-xsmall.png);
list-style-position: inside;
right: 10px;
top: -30px;
}
div#zoomIn { div#zoomIn {
background: url(../images/zoom-in.png) no-repeat left top; background: url(../images/zoom-in.png) no-repeat left top;
margin-top: 10px; margin-top: 10px;

View File

@ -96,8 +96,8 @@
<img src="images/minus-icon.svg" /> <img src="images/minus-icon.svg" />
</button> </button>
</div> </div>
<div id="bottom-logo"></div>
</div> </div>
<div id="bottom-logo"></div>
</body> </body>
</html> </html>