f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-03 21:22:39 +00:00
Code Wiki Activity

last iteration

Browse Source
This commit is contained in:
Víctor Losada Hernández
2024-10-20 12:19:38 +02:00
parent d3e11ead54
commit 1d663ef38d
1 changed files with 20 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
client/homebrew/editor/snippetbar/snippetbar.less
View File

@@ -4,33 +4,31 @@
.snippetBar { .snippetBar {
@menuHeight : 25px; @menuHeight : 25px;
position : relative; position : relative;
display : flex;
flex-wrap : wrap-reverse;
justify-content : space-between;
min-width : 331px; min-width : 331px;
height : auto; height : auto;
color : black; color : black;
background-color : #DDDDDD; background-color : #DDDDDD;
display: flex;
justify-content: space-between;
flex-wrap:wrap-reverse;
.snippets { .snippets {
display : flex; display : flex;
justify-content : space-between; justify-content : space-evenly;
} }
.editors { .editors {
display : flex; display : flex;
justify-content : space-between; justify-content : space-between;
>div { >div {
display:flex; display : flex;
justify-content: space-around; flex : 1;
flex:1; justify-content : space-around;
border-left:1px solid;
&:first-child { &:first-child { border-left : none; }
border-left: none;
}
& > div { & > div {
position : relative;
width : @menuHeight; width : @menuHeight;
height : @menuHeight; height : @menuHeight;
line-height : @menuHeight; line-height : @menuHeight;
@@ -70,18 +68,14 @@
} }
&.history { &.history {
.tooltipLeft('History'); .tooltipLeft('History');
position : relative;
font-size : 0.75em; font-size : 0.75em;
color : grey; color : grey;
position : relative; border : none;
border:none; &.active { color : inherit; }
&.active { & > .dropdown {
color : inherit;
}
&>.dropdown{
right : -1px; right : -1px;
&>.snippet{ & > .snippet { padding-right : 10px; }
padding-right : 10px;
}
} }
} }
&.editorTheme { &.editorTheme {
@@ -121,8 +115,8 @@
font-weight : 800; font-weight : 800;
line-height : @menuHeight; line-height : @menuHeight;
text-transform : uppercase; text-transform : uppercase;
text-wrap : nowrap;
cursor : pointer; cursor : pointer;
text-wrap: nowrap;
&:hover, &.selected { background-color : #999999; } &:hover, &.selected { background-color : #999999; }
i { i {
margin-right : 3px; margin-right : 3px;
@@ -138,7 +132,6 @@
.tooltipLeft('Edit Brew Properties'); .tooltipLeft('Edit Brew Properties');
} }
.snippetGroup { .snippetGroup {
border-right : 1px solid currentColor;
&:hover { &:hover {
& > .dropdown { visibility : visible; } & > .dropdown { visibility : visible; }
@@ -198,7 +191,7 @@
} }
} }
.name { margin-right : auto; } .name { margin-right : auto; }
.disabled { text-decoration: line-through; } .disabled { text-decoration : line-through; }
.beta { .beta {
align-self : center; align-self : center;
padding : 4px 6px; padding : 4px 6px;
@@ -226,16 +219,10 @@
} }
} }
@container editor (width < 568px) { @container editor (width < 553px) {
.editors,.snippets { .editors,.snippets { flex:1; }
width:332.59px; .editors { border-bottom:1px solid}
} .snippetBar .editors > div.history > .dropdown { right : unset; }
.editors {
border-right:1px solid;
}
.snippetBar .editors>div.history>.dropdown {
right:unset;
}
} }