Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feature table cell stretched #1514

Merged
merged 1 commit into from
Oct 18, 2023
Merged

Commits on Oct 18, 2023

  1. Make table cells fully clickable

    See DOMjudge#1273 for the full
    explaination.
    
    This needs some hacks in CSS for firefox & chromium (or the other way around is also
    possible) given that most major browsers are now chromium based it makes
    sense to use that as default.
    
    The selector `td:not(.testcase-results)` is to make sure that we are reasonable
    specific to be applied on the tables, it does actually target everything
    because the testcase-results class doesn't have anchors in the cells.
    
    All the anchor tags are now stretched to us the full space inside the
    TD.
    
    Based partly on logic in:
    https://stackoverflow.com/questions/18488148/how-to-get-div-height-100-inside-td-of-100#comment120502212_18488334
    
    This has as disadvantage that we need the extra classes to keep the rounded buttons (a + border) aligned but as we only have this once it should be accepted.
    vmcj committed Oct 18, 2023
    Configuration menu
    Copy the full SHA
    b9eec15 View commit details
    Browse the repository at this point in the history