diff --git a/css/glowingbear.css b/css/glowingbear.css index a7341ef..4da300a 100644 --- a/css/glowingbear.css +++ b/css/glowingbear.css @@ -171,10 +171,14 @@ input[type=text], input[type=password], #sendMessage, .badge { padding-top: 35px; /* topbar */ padding-bottom: 1px; /* need to force a padding here */ font-size: smaller; - -webkit-transition:0.35s ease all; - transition:0.35s ease all; + transition:0.2s ease-in-out; z-index: 2; } + +#sidebar[data-state=visible] { + left: 0px; +} + #sidebar form { } #sidebar.ng-hide-add, #sidebar.ng-hide-remove { @@ -274,7 +278,7 @@ input[type=text], input[type=password], #sendMessage, .badge { .withnicklist { margin-right: 100px !important; /* nicklist */ } -.withsidebar { +.content[sidebar-state=visible] #bufferlines { margin-left: 145px; /* sidebar */ } #bufferlines .btn { @@ -290,7 +294,7 @@ input[type=text], input[type=password], #sendMessage, .badge { transition:0.35s ease all; z-index: 1; } -.footer.withsidebar { +.content[sidebar-state=visible] .footer { margin-left: 0; padding-left: 145px; } @@ -409,8 +413,6 @@ h2 span, h2 small { #sidebar { font-size: normal; bottom: 0px; - width: auto; - max-width: 60%; top: 0px; padding-bottom: 35px; } @@ -421,6 +423,18 @@ h2 span, h2 small { bottom: 0px; } + #sidebar[data-state=visible] { + width: 200px; + } + + #sidebar[data-state=hidden] { + left: -200px; + } + + .content[sidebar-state=visible] #bufferlines, .content[sidebar-state=visible] .footer { + margin-left: 0px; + } + #topbar .title { left: 40px; } diff --git a/index.html b/index.html index 7cfc74d..19d3117 100644 --- a/index.html +++ b/index.html @@ -187,10 +187,10 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel -
+
- + brand @@ -207,7 +207,7 @@ $ openssl req -nodes -newkey rsa:4096 -keyout relay.pem -x509 -days 365 -out rel
-