diff --git a/StackMonkey.ps1 b/StackMonkey.ps1 index beebd89..bd280fb 100644 --- a/StackMonkey.ps1 +++ b/StackMonkey.ps1 @@ -664,13 +664,21 @@ $style = @' height: 100%; overflow: hidden; } - + /* hide monkey in header */ + .logo-right { display: none; } + .logo-container { display: grid; grid-template-columns: auto 1fr; align-items: center; padding: 20px; } .logo-container img { max-width:300px; height:auto; } .subtitle { font-size: 1.2rem; color: var(--gray-color); margin-top: 0.5em; } .container { display:flex; height:100vh; overflow:hidden; } - .sidebar { width:200px; background:var(--background-color); padding:10px; } + .sidebar { + width:200px; + background:var(--background-color); + padding:10px; + position: relative; /* added */ + padding-bottom: 190px; /* added: so buttons don't overlap the monkey */ + } .sidebar button { display:block; width:100%; margin-bottom:10px; padding:10px; color:var(--white-color); background:var(--btn-sidebar-light-gray); @@ -682,6 +690,21 @@ $style = @' background:var(--btn-hover); transform:scale(var(--btn-hover-scale)); } + /* draw SAMY in bottom-left of sidebar */ + .sidebar::after { + content: ""; + position: absolute; + left: 10px; + bottom: 10px; + width: 160px; /* tweak size as you like */ + height: 160px; + background-image: url("https://git.svstools.com/syelle/Logo/raw/branch/main/SAMY.png"); + background-repeat: no-repeat; + background-size: contain; + opacity: 0.95; + pointer-events: none; /* don't block clicks on sidebar buttons */ + } + .content { position: relative; flex:1;