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

LineNumberSegment angepasst

Browse Source
This commit is contained in:
silas 2018-10-24 23:35:56 +02:00
parent b1bfeaffc1
commit 2ff0655407
6 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.idea/wordRotator.iml generated
View File

@ -3,6 +3,7 @@
<component name="NewModuleRootManager"> <component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$"> <content url="file://$MODULE_DIR$">
<sourceFolder url="file://$MODULE_DIR$/src/module/Application/src" isTestSource="false" packagePrefix="Application\" /> <sourceFolder url="file://$MODULE_DIR$/src/module/Application/src" isTestSource="false" packagePrefix="Application\" />
<sourceFolder url="file://$MODULE_DIR$/src/module/Application/pwa/public" isTestSource="false" />
<excludeFolder url="file://$MODULE_DIR$/public/js" /> <excludeFolder url="file://$MODULE_DIR$/public/js" />
<excludeFolder url="file://$MODULE_DIR$/publicTest" /> <excludeFolder url="file://$MODULE_DIR$/publicTest" />
<excludeFolder url="file://$MODULE_DIR$/vendor/doctrine/event-manager" /> <excludeFolder url="file://$MODULE_DIR$/vendor/doctrine/event-manager" />

2
public/css/wordRotator.css
View File

File diff suppressed because one or more lines are too long

2
public/html/application/menu.html
View File

@ -1 +1 @@
<div class="max-height flex-center"><div id=segment-leaf-template class="segment segment-leaf"><div class=leaf-element></div></div><div id=segment-parent-template class="segment segment-parent"><div class=child-container></div></div><div id=segment-row-template class="segment segment-row"><div class=child-container></div></div><div id=segment-triangle-template class="segment segment-triangle"><div class=child-container></div></div><div class="height-60 max-width flex-center relative"><div id=level></div><span id=level-number-container class="visible in-main-menu"><span id=level-number>1</span></span></div><div class="height-30 flex-center fill-me"><button class="button grow text-center" id=play-button><span data-translation=play></span></button><div class="max-width line-height-1 fill-me vertical"><label class=switch><div data-view=img/speaker.svg></div><input type=checkbox class=setting id=play-sound> <span class=slider></span></label><div class="grow center" id=share-button><span data-view=img/share.svg></span></div><label class="switch right"><div data-view=img/music.svg></div><input type=checkbox class=setting id=play-music> <span class=slider></span></label></div></div></div> <div class="max-height flex-center"><div id=segment-leaf-template class="segment segment-leaf"><div class=leaf-element></div></div><div id=segment-parent-template class="segment segment-parent"><div class=child-container></div></div><div id=segment-row-template class="segment segment-row"><div class=child-container></div></div><div id=segment-triangle-template class="segment segment-triangle"><div class=child-container></div></div><div class="height-60 max-width flex-center relative-level-number"><div id=level></div><span id=level-number-container class="visible in-main-menu"><span id=level-number>1</span></span></div><div class="height-30 flex-center fill-me"><button class="button grow text-center" id=play-button><span data-translation=play></span></button><div class="max-width line-height-1 fill-me vertical"><label class=switch><div data-view=img/speaker.svg></div><input type=checkbox class=setting id=play-sound> <span class=slider></span></label><div class="grow center" id=share-button><span data-view=img/share.svg></span></div><label class="switch right"><div data-view=img/music.svg></div><input type=checkbox class=setting id=play-music> <span class=slider></span></label></div></div></div>

2
public/index.html
View File

@ -55,7 +55,7 @@
</div> </div>
<nav class="top-bar title-bar"> <nav class="top-bar title-bar">
<div class="row relative"> <div class="row">
<div class="top-bar-title"> <div class="top-bar-title">
<strong> <strong>
<a class="hidden-link" href="."> <a class="hidden-link" href=".">

2
src/module/Application/pwa/public/html/application/menu.html
View File

@ -14,7 +14,7 @@
<div class='child-container'></div> <div class='child-container'></div>
</div> </div>
<div class='height-60 max-width flex-center relative'> <div class='height-60 max-width flex-center relative-level-number'>
<div id='level'></div> <div id='level'></div>
<span id='level-number-container' class='visible in-main-menu'> <span id='level-number-container' class='visible in-main-menu'>
<span id='level-number'>1</span> <span id='level-number'>1</span>

11
src/scss/wordRotator.scss
View File

@ -25,13 +25,20 @@ nav.top-bar.title-bar {
} }
} }
.relative-level-number{
position: relative;
#level-number-container {
top: 50%;
transform: translate(-50%, -50%);
}
}
#level-number-container { #level-number-container {
z-index: 1; z-index: 1;
transition: none; transition: none;
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; transform: translate(-50%);
transform: translate(-50%, -50%);
border: 3px solid white; border: 3px solid white;
border-radius: 50%; border-radius: 50%;
visibility: hidden; visibility: hidden;