0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-31 06:32:37 +00:00
This commit is contained in:
Víctor Losada Hernández
2024-10-11 00:14:12 +02:00
parent 08eabf8102
commit 2b270ccdb7
2 changed files with 38 additions and 50 deletions

View File

@@ -21,20 +21,16 @@
line-height : @menuHeight; line-height : @menuHeight;
text-align : center; text-align : center;
&:not(.editorTool, .divider) { &:not(.editorTool, .divider) { cursor : pointer; }
cursor: pointer;
}
&:hover,&.selected { background-color : #999999; } &:hover,&.selected { background-color : #999999; }
&.editorTool { &.editorTool {
background-color: unset; background-color : unset;
&.active { &.active {
cursor:pointer; cursor : pointer;
&:hover { &:hover { background-color : #999999; }
background-color: #999999;
}
} }
} }
&.text { &.text {
@@ -70,17 +66,13 @@
} }
&.history { &.history {
.tooltipLeft('History'); .tooltipLeft('History');
position : relative;
font-size : 0.75em; font-size : 0.75em;
color : grey; color : grey;
position : relative; &.active { color : inherit; }
&.active { & > .dropdown {
color : inherit;
}
&>.dropdown{
right : -1px; right : -1px;
&>.snippet{ & > .snippet { padding-right : 10px; }
padding-right : 10px;
}
} }
} }
&.editorTheme { &.editorTheme {
@@ -157,11 +149,11 @@
cursor : pointer; cursor : pointer;
.animate(background-color); .animate(background-color);
i { i {
min-width : 25px;
height : 1.2em; height : 1.2em;
margin-right : 8px; margin-right : 8px;
font-size : 1.2em; font-size : 1.2em;
min-width: 25px; text-align : center;
text-align: center;
& ~ i { & ~ i {
margin-right : 0; margin-right : 0;
margin-left : 5px; margin-left : 5px;

View File

@@ -1,69 +1,65 @@
.splitPane{ .splitPane {
position : relative; position : relative;
display : flex; display : flex;
flex-direction : row;
height : 100%; height : 100%;
outline : none; outline : none;
flex-direction : row; .pane {
.pane{ flex : 1;
overflow-x : hidden; overflow-x : hidden;
overflow-y : hidden; overflow-y : hidden;
flex : 1;
} }
>.divider{ >.divider {
touch-action : none;
display : table; display : table;
height : 100%;
width : 15px; width : 15px;
cursor : ew-resize; height : 100%;
background-color : #bbb;
text-align : center; text-align : center;
.dots{ touch-action : none;
cursor : ew-resize;
background-color : #BBBBBB;
.dots {
display : table-cell; display : table-cell;
vertical-align : middle;
text-align : center; text-align : center;
i{ vertical-align : middle;
i {
display : block !important; display : block !important;
margin : 10px 0px; margin : 10px 0px;
font-size : 6px; font-size : 6px;
color : #666; color : #666666;
} }
} }
&:hover{ &:hover { background-color : #999999; }
background-color: #999;
}
} }
.arrow{ .arrow {
position : absolute; position : absolute;
z-index : 999;
width : 25px; width : 25px;
height : 25px; height : 25px;
border : 2px solid #bbb;
border-radius : 15px;
text-align : center;
font-size : 1.2em; font-size : 1.2em;
text-align : center;
cursor : pointer; cursor : pointer;
background-color : #ddd; background-color : #DDDDDD;
z-index : 999; border : 2px solid #BBBBBB;
box-shadow : 0 4px 5px #0000007f; border-radius : 15px;
&.left{ box-shadow : 0 4px 5px #0000007F;
&.left {
.tooltipLeft('Jump to location in Editor'); .tooltipLeft('Jump to location in Editor');
top : 30px; top : 30px;
} }
&.right{ &.right {
.tooltipRight('Jump to location in Preview'); .tooltipRight('Jump to location in Preview');
top : 60px; top : 60px;
} }
&.lock{ &.lock {
.tooltipRight('De-sync Editor and Preview locations.'); .tooltipRight('De-sync Editor and Preview locations.');
top : 90px; top : 90px;
background: #666; background : #666666;
} }
&.unlock{ &.unlock {
.tooltipRight('Sync Editor and Preview locations'); .tooltipRight('Sync Editor and Preview locations');
top : 90px; top : 90px;
} }
&:hover{ &:hover { background-color : #666666; }
background-color: #666;
}
} }
} }