diff --git a/js/main.js b/js/main.js index 3de25f0..bcae296 100644 --- a/js/main.js +++ b/js/main.js @@ -11,7 +11,7 @@ function toggleSearch() { search.classList.toggle('active'); if (x.matches) { // If media query matches search.innerText = search.innerText == 'search' ? 'arrow_back' : 'search'; - }else{ + } else { search.innerText = search.innerText == 'search' ? 'close' : 'search'; } var searchBox = document.getElementById('qa-search'); diff --git a/manifest.webmanifest b/manifest.webmanifest deleted file mode 100644 index 6621007..0000000 --- a/manifest.webmanifest +++ /dev/null @@ -1,36 +0,0 @@ -{ - "short_name": "Mayro", - "name": "Mayro: Google Material Design Theme", - "description": "Google Material Design Theme for Question2Answer (Q2A).", - "icons": [ - { - "src": "/images/icons-192.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "/images/icons-512.png", - "type": "image/png", - "sizes": "512x512" - } - ], - "start_url": "/", - "background_color": "#EEEEEE", - "display": "standalone", - "scope": "/", - "theme_color": "#320b86", - "shortcuts": [ - { - "name": "My Updates", - "short_name": "Updates", - "url": "/updates", - "icons": [{ "src": "/images/updates.png", "sizes": "192x192" }] - }, - { - "name": "Ask a Question", - "short_name": "Ask", - "url": "/ask", - "icons": [{ "src": "/images/ask.png", "sizes": "192x192" }] - } - ] -} \ No newline at end of file diff --git a/qa-styles.css b/qa-styles.css index 009dfe2..34effb0 100644 --- a/qa-styles.css +++ b/qa-styles.css @@ -85,7 +85,7 @@ select{ padding-top: 13px; background-color: var(--primary); box-shadow: 0 2px 3px gray; - z-index: 1; + z-index: 4; } .qa-logo-link{ margin-left: 60px; @@ -99,7 +99,7 @@ select{ color: var(--on-primary); font-size: 30px; cursor: pointer; - z-index: 1; + z-index: 4; } #search-toggle{ position: fixed; @@ -107,7 +107,7 @@ select{ right: 56px; color: var(--on-primary); font-size: 30px; - z-index: 2; + z-index: 5; cursor: pointer; } #user-toggle{ @@ -122,7 +122,7 @@ select{ border-radius: 50%; border: 2px solid var(--on-primary); cursor: pointer; - z-index: 1; + z-index: 4; } #user-toggle img{ width: 100%; @@ -151,11 +151,11 @@ select{ max-height: 360px; min-width: 240px; max-width: 240px; - z-index: 1; + z-index: 4; padding: 10px 0; } #qa-nav-user.active{ - z-index: 2; + z-index: 5; background-color: rgba(0,0,0,.32); position: fixed; height: 100vh; @@ -207,7 +207,7 @@ select{ width: 100%; background-color: var(--primary); height: 55px; - z-index: 1; + z-index: 4; } #qa-search.active .qa-search{ display: block; @@ -257,7 +257,7 @@ select{ } } .qa-nav-main{ - z-index: 2; + z-index: 5; position: fixed; top: 56px; left: 0; @@ -282,7 +282,7 @@ select{ padding-top: 56px; } .menu-active #qa-nav-main{ - z-index: 2; + z-index: 5; background-color: rgba(0,0,0,.32); position: fixed; height: 100vh; @@ -298,7 +298,7 @@ select{ padding-top: 13px; background-color: var(--surface); box-shadow: unset; - z-index: 3; + z-index: 6; } .menu-active #qa-nav-main .qa-logo .qa-logo-link{ color: var(--on-surface); @@ -337,7 +337,8 @@ select{ font-size: 24px; position: absolute; margin-left: -46px; - margin-top: -3px; + margin-top: -3px; + content: "link"; } .qa-nav-main- .qa-nav-main-link::before{content: "home";} .qa-nav-main-activity .qa-nav-main-link::before{content: "bar_chart";} @@ -389,7 +390,7 @@ select{ overflow-x: auto; list-style: none; box-shadow: 0 2px 3px gray; - z-index: 1; + z-index: 4; } .qa-nav-sub-list::-webkit-scrollbar, .qa-q-item-tag-list::-webkit-scrollbar, @@ -563,7 +564,7 @@ select{ } @media(min-width: 1024px){ .qa-nav-main{ - z-index: 1; + z-index: 4; } .menu-active .qa-nav-sub-list{ margin-left: 300px; @@ -746,6 +747,9 @@ select{ display: flex; padding-right: 10px; } +.qa-q-list-vote-disabled .qa-voting{ + display: none; +} .qa-a-count, .qa-view-count{ padding: 10px; } @@ -764,7 +768,7 @@ select{ /* fab */ .qam-ask{ - z-index: 1; + z-index: 4; background-color: var(--secondary); color: var(--on-secondary); border-radius: 20px; @@ -949,7 +953,7 @@ select{ } .qa-a-selection input{ position: absolute; - z-index: 1; + z-index: 4; opacity: 0; width: 30px; height: 30px; @@ -1137,10 +1141,6 @@ select{ width: 100%; height: 120px; } -.qa-avatar-image{ - width: 100%; - height: auto; -} .qa-top-users-table .qa-user-link{ position: absolute; margin-top: -48px; @@ -1282,7 +1282,7 @@ select{ } .qa-favoriting input{ position: absolute; - z-index: 1; + z-index: 4; opacity: 0; width: 30px; margin-left: -2px; @@ -1334,7 +1334,7 @@ select{ .qa-vote-buttons input{ /* border: 0; */ position: absolute; - z-index: 1; + z-index: 4; opacity: 0; cursor: pointer; width: 60px; @@ -1386,16 +1386,19 @@ select{ .qa-ask-box input{ width: 100% !important; } -.qa-related-qs .qa-related-q-list{ - /* margin-left: 20px; */ +.qa-related-qs .qa-related-q-list, +.qa-ask-similar .qa-q-title-list{ + margin-left: 0; /* margin-top: 10px; */ list-style: none; } -.qa-related-qs .qa-related-q-item{ +.qa-related-qs .qa-related-q-item, +.qa-ask-similar .qa-q-title-item{ padding: 8px 0; display: block; border-bottom: 0.1px solid var(--on-surface); } -.qa-related-qs .qa-related-q-item:last-child{ +.qa-related-qs .qa-related-q-item:last-child, +.qa-ask-similar .qa-q-title-item:last-child{ border-bottom: none; } \ No newline at end of file