mirror of
https://github.com/friendica/friendica
synced 2024-11-18 10:23:41 +00:00
[frio] Vary Back to Top element depending on the theme accent/colors
- Add specific support for dark/black schemes
This commit is contained in:
parent
934f69a426
commit
94b9ed53c2
5 changed files with 15 additions and 5 deletions
|
@ -119,7 +119,7 @@ blockquote {
|
||||||
#back-to-top {
|
#back-to-top {
|
||||||
display: none;
|
display: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: white;
|
color: $nav_icon_color;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 49;
|
z-index: 49;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
|
@ -128,7 +128,7 @@ blockquote {
|
||||||
font-size: 2.9em;
|
font-size: 2.9em;
|
||||||
padding: 0 12px 0 12px;
|
padding: 0 12px 0 12px;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background-color: #aaa;
|
background-color: $nav_bg;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -149,7 +149,7 @@ $is_singleuser_class = $is_singleuser ? "is-singleuser" : "is-not-singleuser";
|
||||||
</div><!--row-->
|
</div><!--row-->
|
||||||
</div><!-- container -->
|
</div><!-- container -->
|
||||||
|
|
||||||
<div id="back-to-top" title="back to top">⇧</div>
|
<div id="back-to-top" title="back to top">⇪</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
|
|
|
@ -70,7 +70,7 @@
|
||||||
</div><!--row-->
|
</div><!--row-->
|
||||||
</div><!-- container -->
|
</div><!-- container -->
|
||||||
|
|
||||||
<div id="back-to-top" title="back to top">⇧</div>
|
<div id="back-to-top" title="back to top">⇪</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
|
|
|
@ -347,7 +347,9 @@ section > .generic-page-wrapper,
|
||||||
.fsuggest-content-wrapper,
|
.fsuggest-content-wrapper,
|
||||||
.panel,
|
.panel,
|
||||||
aside .widget,
|
aside .widget,
|
||||||
.nav-container .widget{
|
.nav-container .widget,
|
||||||
|
#back-to-top
|
||||||
|
{
|
||||||
box-shadow: 0 0 3px $link_color;
|
box-shadow: 0 0 3px $link_color;
|
||||||
-webkit-box-shadow: 0 0 3px $link_color;
|
-webkit-box-shadow: 0 0 3px $link_color;
|
||||||
}
|
}
|
||||||
|
@ -355,3 +357,7 @@ aside .widget,
|
||||||
input[type=text].tt-input {
|
input[type=text].tt-input {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#back-to-top {
|
||||||
|
color: $link_color;
|
||||||
|
}
|
||||||
|
|
|
@ -327,3 +327,7 @@ legend {
|
||||||
input[type=text].tt-input {
|
input[type=text].tt-input {
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#back-to-top {
|
||||||
|
border: 1px solid $nav_icon_color;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue