Commit 37da53a8 by alexandre

Quick fix hamburger buttons

parent 685ef476
......@@ -342,45 +342,72 @@ section.hidden { display: none; }
position: relative;
left: 0;
box-sizing: border-box;
transition: all .2s;
}
.main-header .content {
width: 300px;
padding: 30px;
transition: all .2s;
}
.main-header.is-collapsed .content { display: none; }
.main-header.is-collapsed .content { margin-left: -330px; }
.btn-hamburger {
position: absolute;
bottom: 100%;
}
/* .btn-hamburger { */
/* position: absolute; */
/* bottom: 100%; */
/* } */
.btn-hamburger--right {
left: 100%;
transform-origin: bottom left;
transform: rotate(90deg);
}
/* .btn-hamburger--right { */
/* left: 100%; */
/* transform-origin: bottom left; */
/* transform: rotate(90deg); */
/* } */
.btn-hamburger--left {
right: 100%;
transform-origin: bottom right;
transform: rotate(-90deg);
}
/* .btn-hamburger--left { */
/* right: 100%; */
/* transform-origin: bottom right; */
/* transform: rotate(-90deg); */
/* } */
.btn-hamburger__inner {
display: block;
padding-right: 30px;
}
/* .btn-hamburger__inner { */
/* display: block; */
/* padding-right: 30px; */
/* } */
/* .btn-hamburger--right .btn-hamburger__inner { */
/* transform: rotate(180deg); */
/* padding-top: 10px; */
/* } */
.btn-hamburger--right .btn-hamburger__inner {
transform: rotate(180deg);
padding-top: 10px;
/* .btn-hamburger--left .btn-hamburger__inner { */
/* padding-bottom: 10px; */
/* } */
.btn-hamburger--right {
/* outline: 1px solid red; */
width: 100vh;
text-align: right;
position: absolute;
bottom: 0;
left: 100%;
transform-origin: bottom left;
transform: rotate(-90deg);
box-sizing: border-box;
padding-right: 30px;
line-height: 30px;
}
.btn-hamburger--left .btn-hamburger__inner {
padding-bottom: 10px;
.btn-hamburger--left {
/* outline: 1px solid red; */
width: 100vh;
position: absolute;
top: 100%;
left: 0;
transform-origin: top left;
transform: rotate(-90deg);
text-align: right;
box-sizing: border-box;
padding-right: 30px;
line-height: 30px;
}
.axis-title-edit { text-transform: uppercase; }
......@@ -1072,24 +1099,22 @@ li form { color: var(--row-color); } */
#help {
position: relative;
right: 0;
box-sizing: border-box;
transition: all .2s;
color: white;
background-color: darkgray;
padding-left: 30px;
}
.help__frame {
overflow: auto;
width: 500px;
height: 100%;
transition: all .2s;
}
#help.is-collapsed .help__frame { display: none; }
#help.is-collapsed .help__frame { margin-right: -530px; }
.help__content {
padding: 30px;
color: #173a42;
background-color: white;
padding: 30px;
}
.help__content h2 { margin-top: 28pt; text-align: center; margin-bottom: 14pt; }
......@@ -1315,3 +1340,7 @@ li .icon--tag { color: white } */
}
/* #tag-filter li { display: inline; text-overflow: ellipsis } */
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment