Skip to content
Snippets Groups Projects
Commit 278270b3 authored by Ron Lucke's avatar Ron Lucke Committed by David Siegfried
Browse files

Polishing TIC: Hilfelasche 

Closes #4934

Merge request studip/studip!3719
parent 8cf57b48
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
resources/assets/stylesheets/scss/helpbar.scss
+ 21
− 16
View file @ 278270b3
...@@ -18,7 +18,7 @@ $border-width: 4px; ...@@ -18,7 +18,7 @@ $border-width: 4px;
h2, h3 { h2, h3 {
border-bottom: 0; border-bottom: 0;
color: var(--white); color: var(--color--font-inverted);
font-size: 1em; font-size: 1em;
font-weight: normal; font-weight: normal;
margin: 0; margin: 0;
...@@ -30,10 +30,8 @@ $border-width: 4px; ...@@ -30,10 +30,8 @@ $border-width: 4px;
} }
h3 { h3 {
border-bottom: 1px dotted var(--base-color-80);
font-size: 1.1em; font-size: 1.1em;
margin-bottom: 2px; margin-bottom: 5px;
padding-bottom: 2px;
} }
> .helpbar-toggler { > .helpbar-toggler {
...@@ -44,12 +42,14 @@ $border-width: 4px; ...@@ -44,12 +42,14 @@ $border-width: 4px;
} }
.helpbar { .helpbar {
background-color: var(--base-color); background-color: var(--color--info);
padding: 8px; padding: 8px;
box-sizing: border-box; box-sizing: border-box;
position: absolute; position: absolute;
right: -2px; right: -8px;
top: 0; top: -10px;
border-radius: var(--border-radius-default);
width: $helpbar-width; width: $helpbar-width;
z-index: 1000; z-index: 1000;
...@@ -72,15 +72,16 @@ $border-width: 4px; ...@@ -72,15 +72,16 @@ $border-width: 4px;
.helpbar-title { .helpbar-title {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin: 10px 0 15px 10px;
} }
.helpbar-toggler { .helpbar-toggler {
margin-top: -5px; margin-top: -5px;
margin-right: -1px; margin-right: 5px;
} }
.helpbar-widgets { .helpbar-widgets {
color: var(--white); color: var(--color--font-inverted);
list-style: none; list-style: none;
padding: 0; padding: 0;
...@@ -89,18 +90,22 @@ $border-width: 4px; ...@@ -89,18 +90,22 @@ $border-width: 4px;
} }
a:link, a:visited { a:link, a:visited {
color: var(--white); color: var(--color--font-inverted);
} }
a:hover, a:active { a:hover, a:active {
color: var(--white); color: var(--color--font-inverted);
text-decoration: underline; text-decoration: underline;
} }
> li { > li {
border-top: 1px solid var(--content-color); border-top: 1px solid var(--color--font-inverted);
padding: 3px 0; padding: 10px 5px 5px 5px;
margin: .4em .25em; margin: 15px 5px;
&:last-child {
margin-bottom: 0;
}
} }
} }
...@@ -111,10 +116,10 @@ $border-width: 4px; ...@@ -111,10 +116,10 @@ $border-width: 4px;
a { a {
@include background-icon(play, info_alt); @include background-icon(play, info_alt);
background-position: left 2px; background-position: left;
background-repeat: no-repeat; background-repeat: no-repeat;
display: block; display: block;
padding-left: 20px; padding-left: 24px;
&.tour-paused { &.tour-paused {
@include background-icon(pause, info_alt); @include background-icon(pause, info_alt);
......
resources/assets/stylesheets/scss/variables.scss
+ 2
− 0
View file @ 278270b3
...@@ -297,6 +297,8 @@ $grid-gap: 0; ...@@ -297,6 +297,8 @@ $grid-gap: 0;
--color-image-placeholder-background: #{$color-image-placeholder-background}; --color-image-placeholder-background: #{$color-image-placeholder-background};
--border-radius-default: #{$border-radius};
@media (prefers-reduced-motion) { @media (prefers-reduced-motion) {
#{"--"}transition-duration: 0s; #{"--"}transition-duration: 0s;
#{"--"}transition-duration-slow: 0s; #{"--"}transition-duration-slow: 0s;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment