GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-09-21 07:22:23 -04:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Fix toolbar styles

Browse source
This commit is contained in:
Matthias Metelka 2023-01-13 00:10:19 +01:00
parent 212a4ca2e1
commit 003d3a39c7
2 changed files with 29 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
qt/aqt/data/web/css/toolbar.scss
View file

@ -61,39 +61,45 @@ body {
transform: translateY(-100vh); transform: translateY(-100vh);
} }
transition: transform var(--transition) ease-in-out; transition: transform var(--transition) ease-in-out;
.header { .header {
height: 41px; height: 41px;
} }
.toolbar { .toolbar {
height: 31px; height: 31px;
overflow: hidden; overflow: hidden;
border-bottom-left-radius: prop(border-radius-medium); border-bottom-left-radius: prop(border-radius-medium);
border-bottom-right-radius: prop(border-radius-medium); border-bottom-right-radius: prop(border-radius-medium);
@include elevation(1, $opacity-boost: -0.1); @include elevation(1, $opacity-boost: -0.1);
// elevated state (deck browser, overview)
body:not(.flat) & {
background: var(--canvas-elevated);
@include elevation(1);
&:hover {
@include elevation(2);
}
}
// glass effect // glass effect
background: var(--canvas-glass); background: var(--canvas-glass);
backdrop-filter: blur(var(--blur)); backdrop-filter: blur(var(--blur));
} }
.hitem { // elevated state (deck browser, overview)
&:not(.flat) .toolbar {
background: var(--canvas-elevated);
@include elevation(1);
&:hover { &:hover {
background: var(--canvas-inset); @include elevation(2);
text-decoration: none; }
}
&:not(.flat) .hitem {
@include button.base($border: false, $with-hover: false);
background: var(--canvas-glass);
border: 1px solid transparent;
}
.hitem {
text-decoration: none;
border: 1px solid transparent;
&:hover {
border: 1px solid var(--border-subtle);
} }
&:active { &:active {
@include button.base($border: false); background: var(--canvas-inset);
background: var(--canvas-elevated);
} }
&:first-child { &:first-child {
padding-left: 18px; padding-left: 18px;

9
qt/aqt/toolbar.py
View file

@ -55,6 +55,13 @@ class ToolbarWebView(AnkiWebView):
def on_body_classes_need_update(self) -> None: def on_body_classes_need_update(self) -> None:
super().on_body_classes_need_update() super().on_body_classes_need_update()
super().adjustHeightToFit() super().adjustHeightToFit()
if self.mw.state == "review":
if self.mw.pm.collapse_toolbar():
self.eval("""document.body.classList.remove("flat"); """)
else:
self.flatten()
self.expand() self.expand()
def _onHeight(self, qvar: Optional[int]) -> None: def _onHeight(self, qvar: Optional[int]) -> None:
@ -70,7 +77,7 @@ class ToolbarWebView(AnkiWebView):
self.eval("""document.body.classList.remove("collapsed"); """) self.eval("""document.body.classList.remove("collapsed"); """)
def flatten(self) -> None: def flatten(self) -> None:
self.eval("document.body.classList.add('flat'); ") self.eval("""document.body.classList.add("flat"); """)
def elevate(self) -> None: def elevate(self) -> None:
self.eval( self.eval(