Suggestion: Add Option to Hide Scores

Heyo!

I don't think I'm alone in that I like watching games without knowing the outcome. The trouble is, since there isn't one Twitch account for all matches, I usually have to come here to find where the match was streamed from. Even though I try not to look, my peripherals will usually catch the score of the match I am trying to watch.

If there was a little checkbox at the top of the page with a cookie that remembers your preference, anybody that didn't want to see match results could check that and they would be hidden.

Well, i can send this forward but in my own opinion it seems to be ''useless''.

i'll definitely implement a way to hide spoilers in the future

I know this thread is a bit old, but anyone who wants feature can use this Stylish sheet:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document regexp('http://www\\.over\\.gg/.*') {
  .h-match-team-score.mod-count, .game-container-winner, .match-header-score-count, .match-item-score
  {
     visibility: hidden;
  }
  .match-item-team.mod-winner {
    font-weight: normal;
  }
}

Correct me if enigma already implemented this, I just didn't see it anywhere.

Created a Greasemonkey/Tampermonkey script for those who wanted the scores to be a toggle option instead of always off. The toggle shows up on the main page, as well as individual match pages. When toggled on individual match pages, the change isn't global. Didn't find a good, quick place to add the toggle on over.gg/matches, but it will still use whatever option you have set from the main page. I'll add a button there after the holiday.

// ==UserScript==
// @name        overgg score toggle
// @namespace   overgg
// @description overgg win result toggle
// @include     http://www.over.gg/*
// @version     1
// @grant       none
// ==/UserScript==

var hidden = JSON.parse(localStorage.getItem('overggScores')) || false;

$(".wf-module-header:contains('completed matches')").append("<button id='show-match-btn'>Toggle Scores</button>");
$(".wf-label:contains('results')").append("<button style='float:right' id='show-match-btn'>Toggle Scores</button>");

if($(".match").length) // Button for match results page
{
  $(".thread-frag-container").append("<button id='show-match-btn' class='btn noselect'>Toggle Scores<span class='shadow'></span></button>");
}

enact();

$("#show-match-btn").click(function() {
  hidden = !hidden;
  enact();
  if(!$(".match").length) //don't make toggle on individual match pages permanent
  {
    localStorage.setItem('overggScores', hidden);
  }
});

function enact()
{
  if(hidden)
  {
    $(".h-match-team-score.mod-count, .game-container-winner, .match-header-score-count, .match-item-score, .match-item-score-winner").css("color","rgba(0,0,0,0)");
    $(".h-match-team-score.mod-count, .game-container-winner, .match-header-score-count, .match-item-score, .match-item-score-winner").css("text-shadow","0 0 12px #000");

    /* Don't fuzz games that haven't been played yet */
    $(".match-item-score:contains('-')").css("text-shadow","0 0 0px #000");
    $(".match-item-score:contains('-')").css("color","#444");

    $(".mod-winner, .match-item-score-winner").css("font-weight","500");
    return;
  }
  $(".h-match-team-score.mod-count").css("color","#888");
  $(".game-container-winner, .match-header-score-count, .match-item-score, .match-item-score-winner").css("color","#444");
  $(".h-match-team-score.mod-count, .game-container-winner, .match-header-score-count, .match-item-score, .match-item-score-winner").css("text-shadow","none");

  $(".mod-winner, .match-item-score-winner").css("font-weight","bold");
}

EDIT: updated to work with the latest site changes

Sorry to bump this for a third time in a row. I edited the script above to blur the text instead of completely hiding it, which I think looks more pleasing. Added the toggle to over.gg/matches as well, where it functions the same as the toggle on the main page.

Also did a quick Stylish sheet for http://www.over.gg/post/2825/some-suggestions-for-the-site, in case other people wanted that as well.

matuka
pls do this

.mod-sidebar {
    width: 100%;
}
.mod-sidebar .module-item-count {
    float: right;
    margin-left: 0px; /* Chromium will break the line in half with the original left margin of 6px, Firefox doesn't seem to care whether or not its there */
}