f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-15 06:12:43 +00:00
Code Wiki Activity

Lint snippetbar.less

Browse Source
This commit is contained in:
Trevor Buckner
2024-01-12 11:57:34 -05:00
parent 05a0d80c1b
commit ccc1895304
1 changed files with 101 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -5,25 +5,23 @@
@menuHeight : 25px; @menuHeight : 25px;
position : relative; position : relative;
height : @menuHeight; height : @menuHeight;
background-color : #ddd;
color : black; color : black;
background-color : #DDDDDD;
.editors { .editors {
position : absolute; position : absolute;
display : flex;
top : 0px; top : 0px;
right : 0px; right : 0px;
height : @menuHeight; display : flex;
justify-content : space-between; justify-content : space-between;
&>div{
height : @menuHeight; height : @menuHeight;
& > div {
width : @menuHeight; width : @menuHeight;
cursor : pointer; height : @menuHeight;
line-height : @menuHeight; line-height : @menuHeight;
text-align : center; text-align : center;
&:hover,&.selected{ cursor : pointer;
background-color : #999; &:hover,&.selected { background-color : #999999; }
}
&.text { &.text {
.tooltipLeft('Brew Editor'); .tooltipLeft('Brew Editor');
} }
@@ -37,17 +35,13 @@
.tooltipLeft('Undo'); .tooltipLeft('Undo');
font-size : 0.75em; font-size : 0.75em;
color : grey; color : grey;
&.active{ &.active { color : inherit; }
color : inherit;
}
} }
&.redo { &.redo {
.tooltipLeft('Redo'); .tooltipLeft('Redo');
font-size : 0.75em; font-size : 0.75em;
color : grey; color : grey;
&.active{ &.active { color : inherit; }
color : inherit;
}
} }
&.foldAll { &.foldAll {
.tooltipLeft('Fold All'); .tooltipLeft('Fold All');
@@ -65,15 +59,13 @@
color : black; color : black;
&.active { &.active {
position : relative; position : relative;
background-color : #999; background-color : #999999;
} }
} }
&.divider { &.divider {
background: linear-gradient(currentColor, currentColor) no-repeat center/1px 100%;
width : 5px; width : 5px;
&:hover { background : linear-gradient(currentColor, currentColor) no-repeat center/1px 100%;
background-color: inherit; &:hover { background-color : inherit; }
}
} }
} }
.themeSelector { .themeSelector {
@@ -90,21 +82,19 @@
} }
} }
.snippetBarButton { .snippetBarButton {
height: @menuHeight;
line-height: @menuHeight;
display : inline-block; display : inline-block;
height : @menuHeight;
padding : 0px 5px; padding : 0px 5px;
font-weight: 800;
font-size : 0.625em; font-size : 0.625em;
font-weight : 800;
line-height : @menuHeight;
text-transform : uppercase; text-transform : uppercase;
cursor : pointer; cursor : pointer;
&:hover, &.selected { &:hover, &.selected { background-color : #999999; }
background-color: #999;
}
i { i {
vertical-align: middle;
margin-right : 3px; margin-right : 3px;
font-size : 1.4em; font-size : 1.4em;
vertical-align : middle;
} }
} }
.toggleMeta { .toggleMeta {
@@ -112,36 +102,34 @@
top : 0px; top : 0px;
right : 0px; right : 0px;
border-left : 1px solid black; border-left : 1px solid black;
.tooltipLeft("Edit Brew Properties"); .tooltipLeft('Edit Brew Properties');
} }
.snippetGroup { .snippetGroup {
border-right : 1px solid currentColor; border-right : 1px solid currentColor;
&:hover { &:hover {
&>.dropdown{ & > .dropdown { visibility : visible; }
visibility : visible;
}
} }
.dropdown { .dropdown {
position : absolute; position : absolute;
top : 100%; top : 100%;
visibility: hidden;
z-index : 1000; z-index : 1000;
margin-left: -5px;
padding : 0px; padding : 0px;
background-color: #ddd; margin-left : -5px;
visibility : hidden;
background-color : #DDDDDD;
.snippet { .snippet {
position : relative; position : relative;
.animate(background-color);
display : flex; display : flex;
align-items : center; align-items : center;
min-width : max-content; min-width : max-content;
padding : 5px; padding : 5px;
cursor: pointer;
font-size : 10px; font-size : 10px;
cursor : pointer;
.animate(background-color);
i { i {
height : 1.2em;
margin-right : 8px; margin-right : 8px;
font-size : 1.2em; font-size : 1.2em;
height: 1.2em;
& ~ i { & ~ i {
margin-right : 0; margin-right : 0;
margin-left : 5px; margin-left : 5px;
@@ -150,8 +138,8 @@
&.font { &.font {
height : auto; height : auto;
&::before { &::before {
content:'F';
font-size : 1.4em; font-size : 1.4em;
content : 'F';
} }
&.OpenSans {font-family : 'OpenSans';} &.OpenSans {font-family : 'OpenSans';}
@@ -173,28 +161,26 @@
&.TimesNewRoman {font-family : 'Times New Roman';} &.TimesNewRoman {font-family : 'Times New Roman';}
} }
} }
.name { .name { margin-right : auto; }
margin-right: auto;
}
.beta { .beta {
color: white;
padding: 4px 6px;
line-height: 1em;
margin-left: 5px;
align-self : center; align-self : center;
padding : 4px 6px;
margin-left : 5px;
font-family : monospace;
line-height : 1em;
color : white;
background : grey; background : grey;
border-radius : 12px; border-radius : 12px;
font-family: monospace;
} }
&:hover { &:hover {
background-color: #999; background-color : #999999;
& > .dropdown { & > .dropdown {
visibility : visible; visibility : visible;
&.side { &.side {
left: 100%;
top : 0%; top : 0%;
left : 100%;
margin-left : 0; margin-left : 0;
box-shadow: -1px 1px 2px 0px #999; box-shadow : -1px 1px 2px 0px #999999;
} }
} }
} }