Fix UI on webkit

This commit is contained in:
Laura Hausmann 2020-03-24 19:50:55 +01:00
parent 10127b293e
commit d2a0c32db2
Signed by: zotan
GPG key ID: 5EC1D38FFC321311
7 changed files with 18 additions and 20 deletions

View file

@ -1,10 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ContentModelStore">
<e p="$USER_HOME$/Library/Caches/Rider2019.3/extResources" t="IncludeRecursive" />
<e p="$USER_HOME$/Library/Caches/Rider2019.3/resharper-host/local/Transient/ReSharperHost/v193/SolutionCaches/_c3stream.-879192168.00" t="ExcludeRecursive" />
<e p="$APPLICATION_CONFIG_DIR$/javascript/extLibs/http_kit.fontawesome.com_c1a632a160.js" t="IncludeRecursive" />
<e p="$APPLICATION_CONFIG_DIR$/javascript/extLibs/http_pro.fontawesome.com_releases_v5.11.2_css_all.css" t="IncludeRecursive" />
<e p="$USER_HOME$/Library/Caches/JetBrains/Rider2020.1/extResources" t="IncludeRecursive" />
<e p="$USER_HOME$/Library/Caches/JetBrains/Rider2020.1/resharper-host/local/Transient/ReSharperHost/v201/SolutionCaches/_c3stream.-879192168.00" t="ExcludeRecursive" />
<e p="$PROJECT_DIR$" t="IncludeRecursive">
<e p=".gitignore" t="Include" />
<e p="appsettings.Development.json" t="Include" />

View file

@ -65,20 +65,20 @@
<td>@talk.OriginalLanguage</td>
<td>
<div class="btn-group w-100" role="group">
<a href="@talk.FrontendLink.AbsoluteUri" type="button" class="btn btn-primary w-100" data-toggle="tooltip" data-placement="top" title="Play">
<a href="@talk.FrontendLink.AbsoluteUri" role="button" class="btn btn-primary w-100" data-toggle="tooltip" data-placement="top" title="Play">
<i class="fas fa-play-circle"></i>
</a>
@if (System.IO.File.Exists(System.IO.Path.Combine(c3stream.CachePath, conference.Acronym, file))) {
<a href="@(c3stream.CacheUrl + $"{conference.Acronym}/{file}")" type="button" class="btn btn-primary w-100" data-toggle="tooltip" data-placement="top" title="Mirror">
<a href="@(c3stream.CacheUrl + $"{conference.Acronym}/{file}")" role="button" class="btn btn-primary w-100" data-toggle="tooltip" data-placement="top" title="Mirror">
<i class="fas fa-cloud-download"></i>
</a>
}
else {
<a href="/" type="button" class="btn btn-primary disabled">
<a href="/" role="button" class="btn btn-primary disabled">
<i class="fas fa-cloud-download"></i>
</a>
}
<a href="/Info?guid=@talk.Guid&bookmark=@Request.Query["bookmark"]" type="button" class="btn btn-primary w-100" data-toggle="tooltip" data-placement="top" title="Info">
<a href="/Info?guid=@talk.Guid&bookmark=@Request.Query["bookmark"]" role="button" class="btn btn-primary w-100" data-toggle="tooltip" data-placement="top" title="Info">
<i class="fas fa-info-circle"></i>
</a>
@if (isWatched) {

View file

@ -11,7 +11,7 @@
<code onclick="copyToClipboard(this)">https://@Request.Host.Value?bookmark=@Request.Cookies["bookmark"]</code><br/><br/>
<div class="btn-group">
@foreach (var conf in c3stream.Conferences) {
<a type="button" class="btn btn-primary" href="/Conference?c=@conf.Acronym&bookmark=@Request.Cookies["bookmark"]">@conf.Acronym</a>
<a role="button" class="btn btn-primary" href="/Conference?c=@conf.Acronym&bookmark=@Request.Cookies["bookmark"]">@conf.Acronym</a>
}
</div>
</div>

View file

@ -67,16 +67,16 @@ else {
<h5>@eventName - @category - @talk.Date?.Date.ToShortDateString()</h5>
<div class="btn-group" role="group" style="margin-bottom: 10px">
<a href="@talk.FrontendLink.AbsoluteUri" type="button" class="btn btn-primary w-100" data-toggle="tooltip" data-placement="right" title="Play">
<a href="@talk.FrontendLink.AbsoluteUri" role="button" class="btn btn-primary w-100" data-toggle="tooltip" data-placement="right" title="Play">
<i class="fas fa-play-circle"></i>
</a>
@if (System.IO.File.Exists(System.IO.Path.Combine(c3stream.CachePath, conference.Acronym, file))) {
<a href="@(c3stream.CacheUrl + $"{conference.Acronym}/{file}")" type="button" class="btn btn-primary w-100" data-toggle="tooltip" data-placement="right" title="Mirror">
<a href="@(c3stream.CacheUrl + $"{conference.Acronym}/{file}")" role="button" class="btn btn-primary w-100" data-toggle="tooltip" data-placement="right" title="Mirror">
<i class="fas fa-cloud-download"></i>
</a>
}
else {
<a href="/" type="button" class="btn btn-primary disabled">
<a href="/" role="button" class="btn btn-primary disabled">
<i class="fas fa-cloud-download"></i>
</a>
}

View file

@ -13,7 +13,7 @@
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
<div class="container-fluid" style="width: 90%">
<a class="navbar-brand" asp-area="" asp-page="/Index">c3stream <small style="font-size: x-small">v4</small></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
<button class="navbar-toggler" role="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

View file

@ -231,21 +231,21 @@ select {
}
button,
[type="button"],
[role="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[role="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[role="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;

View file

@ -261,21 +261,21 @@ select {
}
button,
[type="button"],
[role="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[role="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[role="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
@ -2993,7 +2993,7 @@ fieldset:disabled a.btn {
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
input[role="button"].btn-block {
width: 100%;
}