- branch header fixes

This commit is contained in:
Pavel Laptev 2024-01-05 15:23:34 +01:00 committed by GitButler
parent 46f093fdba
commit 1cc0787983
3 changed files with 9 additions and 8 deletions

View File

@ -109,13 +109,11 @@
<style lang="postcss"> <style lang="postcss">
.card__header { .card__header {
user-select: none;
position: relative; position: relative;
flex-direction: column; flex-direction: column;
gap: var(--space-2); gap: var(--space-2);
} }
.card__header:hover .draggable {
color: var(--clr-theme-scale-ntrl-40);
}
.header__row { .header__row {
width: 100%; width: 100%;
display: flex; display: flex;
@ -124,7 +122,6 @@
overflow-x: hidden; overflow-x: hidden;
} }
.header__left { .header__left {
pointer-events: none;
overflow-x: hidden; overflow-x: hidden;
display: flex; display: flex;
flex-grow: 1; flex-grow: 1;
@ -134,10 +131,10 @@
.header__links { .header__links {
display: flex; display: flex;
gap: var(--space-6); gap: var(--space-4);
align-items: center; align-items: center;
padding-left: var(--space-28); padding-left: var(--space-28);
margin-top: var(--space-10); margin-top: var(--space-8);
fill: var(--clr-core-ntrl-50); fill: var(--clr-core-ntrl-50);
} }
@ -146,6 +143,10 @@
cursor: grab; cursor: grab;
color: var(--clr-theme-scale-ntrl-60); color: var(--clr-theme-scale-ntrl-60);
transition: color var(--transition-medium); transition: color var(--transition-medium);
&:hover {
color: var(--clr-theme-scale-ntrl-40);
}
} }
.branch-popup-menu { .branch-popup-menu {

View File

@ -65,7 +65,7 @@
} }
.branch-name-input { .branch-name-input {
width: 100%; width: 100%;
/* background-color: var(--clr-theme-container-pale); */ background-color: var(--clr-theme-container-light);
border: 1px solid var(--clr-theme-container-outline-light); border: 1px solid var(--clr-theme-container-outline-light);
&:focus { &:focus {
outline: none; outline: none;

View File

@ -10,7 +10,7 @@
.card__header { .card__header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: var(--space-12); padding: var(--space-12) var(--space-12) var(--space-16);
gap: var(--space-8); gap: var(--space-8);
border-bottom: 1px solid var(--clr-theme-container-outline-light); border-bottom: 1px solid var(--clr-theme-container-outline-light);
} }