Commit 2a5c683a authored by Christopher Mark Fullarton's avatar Christopher Mark Fullarton
Browse files

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