Fixes style issues in the footer move icon and the connection indicator on mobile devices

parent 3dcbf53b
......@@ -17,18 +17,24 @@
[title]="elem.textName | translate"
[attr.data-intro]="elem.showIntro ? (('region.footer.footer_bar.description.' + elem.id) | translate) : null"
(click)="toggleSetting(elem)">
<p class="footerElemIcon mb-0"><i [class]="elem.iconClass"
aria-hidden="true"></i></p>
<p class="footerElemIcon mb-0">
<i [class]="elem.iconClass"
aria-hidden="true"></i>
</p>
<p class="footerElemText text-truncate text-left mb-0 ml-2 d-md-block"><span [class]="elem.textClass"
[innerHTML]="elem.textName | translate"></span></p>
</div>
</nav>
<span class="d-flex d-sm-none position-absolute justify-content-center align-items-center h-100"
<span class="d-flex d-sm-none position-absolute justify-content-center align-items-center"
id="footer-move-left"
[style.visibility]="footerElemIndex === 1 ? 'hidden' : 'visible'"
(click)="moveLeft()">&#x21E6;</span>
<span class="d-flex d-sm-none position-absolute justify-content-center align-items-center h-100"
(click)="moveLeft()">
<i class="fas fa-caret-left"></i>
</span>
<span class="d-flex d-sm-none position-absolute justify-content-center align-items-center"
id="footer-move-right"
[style.visibility]="hideRight() ? 'hidden' : 'visible'"
(click)="moveRight()">&#x21E8;</span>
\ No newline at end of file
(click)="moveRight()">
<i class="fas fa-caret-right"></i>
</span>
\ No newline at end of file
......@@ -12,9 +12,10 @@
#footer-move-left,
#footer-move-right {
width: 50px;
height: 50px;
top: 0;
color: #fff;
font-size: 2rem;
font-size: 3rem;
z-index: 1050;
}
......
......@@ -11,9 +11,9 @@
</button>
</div>
<div class="modal-body">
<div class="d-flex flex-wrap">
<div class="d-flex flex-wrap flex-column flex-sm-row justify-content-between">
<span *ngFor="let elem of sessions"
class="text-light text-nowrap d-inline mr-2 my-1 px-4 py-2 rounded pointer available-quiz"
class="text-light text-nowrap d-inline mr-sm-2 my-1 px-4 py-2 rounded pointer available-quiz"
[class.bg-success]="elem.isValid()"
[class.bg-danger]="!elem.isValid()"
(click)="elem.isValid() ? startQuiz(elem) : editQuiz(elem)">
......
......@@ -30,7 +30,7 @@
<base href="/">
<link rel="preload"
<link rel="prefetch"
as="style"
type="text/css"
href="assets/styles/loader.css"/>
......@@ -93,9 +93,6 @@
src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
<script type="text/javascript">
window.addEventListener('load', function () {
document.getElementById('loader-wrapper').remove();
});
var _paq = _paq || [];
_paq.push(['enableLinkTracking']);
......
......@@ -4,10 +4,10 @@ const environmentData = require(`../assets/serverEndpoint.json`);
export const DefaultSettings = {
siteId: 'arsnova.click-v2',
httpApiEndpoint: environmentData.httpApiEndpoint,
httpLibEndpoint: environmentData.httpLibEndpoint,
serverEndpoint: environmentData.serverEndpoint,
wsApiEndpoint: environmentData.wsApiEndpoint,
httpApiEndpoint: environmentData.httpApiEndpoint.replace('localhost', location.hostname),
httpLibEndpoint: environmentData.httpLibEndpoint.replace('localhost', location.hostname),
serverEndpoint: environmentData.serverEndpoint.replace('localhost', location.hostname),
wsApiEndpoint: environmentData.wsApiEndpoint.replace('localhost', location.hostname),
defaultQuizSettings: {
answers: {
answerText: '',
......@@ -15,7 +15,7 @@ export const DefaultSettings = {
configCaseSensitive: false,
configTrimWhitespaces: false,
configUseKeywords: false,
configUsePunctuation: false
configUsePunctuation: false,
},
question: {
dispayAnswerText: true,
......@@ -26,26 +26,26 @@ export const DefaultSettings = {
rangeMin: 0,
rangeMax: 60,
correctValue: 30,
answerOptionList: []
answerOptionList: [],
},
music: {
enabled: {
lobby: true,
countdownRunning: true,
countdownEnd: true
countdownEnd: true,
},
volumeConfig: {
global: 60,
lobby: 60,
countdownRunning: 60,
countdownEnd: 60,
useGlobalVolume: true
useGlobalVolume: true,
},
titleConfig: {
lobby: 'Song0',
countdownRunning: 'Song0',
countdownEnd: 'Song0'
}
countdownEnd: 'Song0',
},
},
nicks: {
memberGroups: ['Default'],
......@@ -53,12 +53,12 @@ export const DefaultSettings = {
autoJoinToGroup: false,
blockIllegalNicks: true,
restrictToCasLogin: false,
selectedNicks: []
selectedNicks: [],
},
theme: 'theme-Material',
readingConfirmationEnabled: true,
showResponseProgress: true,
confidenceSliderEnabled: true,
cacheQuizAssets: false
}
cacheQuizAssets: false,
},
};
......@@ -13,6 +13,12 @@ body {
}
* {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
outline: none !important;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment