aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
authorKim <1877318+kimsible@users.noreply.github.com>2020-08-10 15:57:37 +0200
committerGitHub <noreply@github.com>2020-08-10 15:57:37 +0200
commit4a53fc8204d5a3a3d5a77b3dfe128f0985153bf8 (patch)
tree249e48c8ff24b6e5f3f696a49d024a2596f7a7ea /client/src/sass
parent207612dff83401a9642f9cb0a63a5a6efcd5f590 (diff)
downloadPeerTube-4a53fc8204d5a3a3d5a77b3dfe128f0985153bf8.tar.gz
PeerTube-4a53fc8204d5a3a3d5a77b3dfe128f0985153bf8.tar.zst
PeerTube-4a53fc8204d5a3a3d5a77b3dfe128f0985153bf8.zip
Add new anchors in my-settings and handle offset sub-menu height (#3032)
* Add anchors setting and handle offset with sub-meu * Use PeerTube scroll logic * Add anchor for top my-settings * Improve scroller with smooth behavior and css offset * Fix anchor position when using history navigation Co-authored-by: kimsible <kimsible@users.noreply.github.com>
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/application.scss6
1 files changed, 5 insertions, 1 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss
index 1dbdd4064..4f2278414 100644
--- a/client/src/sass/application.scss
+++ b/client/src/sass/application.scss
@@ -18,6 +18,10 @@ $assets-path: '../../assets/';
18 display: none !important; 18 display: none !important;
19} 19}
20 20
21html {
22 scroll-behavior: smooth;
23}
24
21body { 25body {
22 /*** theme ***/ 26 /*** theme ***/
23 // now beware node-sass requires interpolation 27 // now beware node-sass requires interpolation
@@ -307,7 +311,7 @@ table {
307 311
308.anchor { 312.anchor {
309 position: relative; 313 position: relative;
310 top: #{-($header-height + 20px)}; 314 top: #{-($header-height + 20px)}; // offsetTop scrollToAnchor
311} 315}
312 316
313@media screen and (max-width: #{breakpoint(xxl)}) { 317@media screen and (max-width: #{breakpoint(xxl)}) {