Ainias/wordRotator
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

ActionBar angepasst

Browse Source
This commit is contained in:
silas 2018-09-20 15:49:18 +02:00
parent e56ed8fcb8
commit db09f115b4
6 changed files with 74 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
log/error.log
View File

@ -35,3 +35,4 @@
2018-09-19T13:33:57+02:00 ERR (3):
2018-09-19T13:34:11+02:00 ERR (3):
2018-09-20T10:32:44+02:00 ERR (3):
2018-09-20T15:48:57+02:00 ERR (3):

1
log/log.log
View File

@ -35,3 +35,4 @@
2018-09-19T13:33:57+02:00 ERR (3):
2018-09-19T13:34:11+02:00 ERR (3):
2018-09-20T10:32:44+02:00 ERR (3):
2018-09-20T15:48:57+02:00 ERR (3):

2
public/css/wordRotator.css
View File

File diff suppressed because one or more lines are too long

BIN
public/img/coinTower.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
public/img/settings.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 10 KiB

121
src/scss/wordRotator.scss
View File

@ -1,3 +1,74 @@
//ActionBar
nav.top-bar.title-bar {
padding: 0.3rem 0.6rem 0;
}
#action-bar .top-bar-right .menu .action.img a {
padding-bottom: 0;
img {
max-height: 1.8rem;
}
}
.menu, .dropdown.menu {
a {
padding: 0.2rem 0.5rem;
}
}
#level-number-container {
transition: none;
position: absolute;
left: 50%;
transform: translate(-50%);
border: 3px solid white;
border-radius: 50%;
visibility: hidden;
display: table-cell;
height: 35px;
width: 35px;
text-align: center;
vertical-align: middle;
&.visible {
visibility: visible;
}
#level-number {
transition: none;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-weight: bold;
}
}
$coinTowerDimension: 28px;
//coin element
.coin-counter {
display: inline-block;
position: relative;
font-size: 1.6rem;
:after {
background-image: url('../img/coinTower.png');
background-size: $coinTowerDimension $coinTowerDimension;
width: $coinTowerDimension;
height: $coinTowerDimension;
display: inline-block;
content: "";
}
}
#coin-container .coin {
margin: 3px;
max-width: 30px;
display: inline-block;
}
//Segments
$rotationDegrees: (90 180 270 360);
$animationDuration: 0.25s;
@ -178,53 +249,3 @@ $animationDuration: 0.25s;
visibility: initial;
}
}
#level-number-container{
transition: none;
position: absolute;
left: 50%;
transform: translate(-50%);
border: 3px solid white;
border-radius: 50%;
visibility: hidden;
margin-top: -3px;
display: table-cell;
height: 40px;
width: 40px;
text-align: center;
vertical-align: middle;
&.visible{
visibility: visible;
}
#level-number{
transition: none;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
font-weight: bold;
}
}
//coin element
.coin-counter{
display: inline-block;
position: relative;
:after{
background-image: url('../img/coinTower.png');
background-size: 20px 20px;
width: 20px;
height: 20px;
display: inline-block;
content:"";
}
}
#coin-container .coin{
margin: 3px;
max-width: 30px;
display: inline-block;
}