Commit e6482fa3 authored by yPhil's avatar yPhil
Browse files

UI: Yet another feedControls ergonomics paradigm OK

parent 7026290d
......@@ -551,14 +551,10 @@ button > i {
overflow:hidden;
display: flex;
/* flex-direction:row; */
/* background-color: var(--color-qua) !important; */
}
.mobHeader .feedControls div {
margin: 2px;
/* flex: 1 100%; */
}
.feedControl {
......
......@@ -293,65 +293,7 @@ i.feedIcon {
opacity:0.8 ;
}
#loadRadial .fill,
#loadRadial .bar {
border-color: var(--color-qua) !important;
}
div#container {
width: 300px;
height: 50px;
min-width: 250px;
background-color: #aabb00;
margin:50px;
}
div#container > div#test {
height: 100%;
display: flex;
flex-direction: row;
}
div#container > div#test > div {
border: 1px solid red;
background-color: #aaff00;
transition: all 2s;
}
div#container > div#test > div.icon {
flex-grow:0;
flex-shrink:1;
flex-basis:auto;
}
div#container > div#test > div.title {
flex-grow:4;
flex-shrink:1;
flex-basis:auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div#container > div#test > div.toggler {
flex-grow:0;
flex-shrink:0;
flex-basis:auto;
cursor:pointer;
}
div#container > div#test > div.controls {
flex-grow:0;
flex-shrink:0;
flex-basis:0px;
white-space: nowrap;
overflow: hidden;
}
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