Page MenuHomePhabricator

Table on SecurePoll ballot looks unterminated
Closed, ResolvedPublic

Description

Screenshot 2023-01-28 at 00.40.28.png (794×1 px, 134 KB)

Not a solid line at the bottom of the table?

Event Timeline

Yes, this is a known issue from several years now. Should just be

.securepoll-ballot-table tr:last-child {
  border-bottom: thin #999 solid;
}
.securepoll-ballot-table {
	border-collapse: collapse;
}

.securepoll-ballot-table th {
	font-weight: bold;
	text-align: center;
	border: thin #999 solid;
	padding: 0 1.5em;
}

.securepoll-ballot-table td {
	text-align: center;
	border-left: thin #999 solid;
	border-right: thin #999 solid;
	border-bottom: thin #bbb dotted;
	padding: 0 1.5em;
}

.securepoll-ballot-table td.securepoll-ballot-optlabel { /* High specificity */
	text-align: left;
}

The border-bottom: thin #bbb dotted; on the .securepoll-ballot-table td makes it look intentional

Reedy triaged this task as Low priority.Jan 28 2023, 9:19 PM

Yes, intentional for separating rows. Most questions using SecurePoll probably have more than one response e.g. ArbCom elections.

I don't think it's intentional for the table's borders, hence the suggested CSS there. I'd submit a patch but it looks like there's some other border declarations a bit further south that I am not aware of having seen so I didn't want to make something wrong somewhere else.

<table class="securepoll-ballot-table"><thead><tr><th></th><th>No</th><th></th><th>Yes</th></tr></thead><tbody><tr class="securepoll-ballot-row"><td class="securepoll-ballot-optlabel">Do you support the enforcement of the Universal Code of Conduct based on the revised guidelines?</td><td><span class="oo-ui-widget oo-ui-widget-enabled oo-ui-inputWidget oo-ui-radioInputWidget"><input type="radio" tabindex="0" title="No" name="securepoll_q1415_opt1416" value="-1" class="oo-ui-inputWidget-input"><span></span></span></td><td><span class="oo-ui-widget oo-ui-widget-enabled oo-ui-inputWidget oo-ui-radioInputWidget"><input type="radio" tabindex="0" title="—" name="securepoll_q1415_opt1416" value="0" checked="checked" class="oo-ui-inputWidget-input"><span></span></span></td><td><span class="oo-ui-widget oo-ui-widget-enabled oo-ui-inputWidget oo-ui-radioInputWidget"><input type="radio" tabindex="0" title="Yes" name="securepoll_q1415_opt1416" value="1" class="oo-ui-inputWidget-input"><span></span></span></td></tr></tbody></table>

It definitely has the desired effect, just the question whether there's any side effects..

Screenshot 2023-01-28 at 22.15.33.png (366×2 px, 118 KB)

Hi,
I'm Roshaan. I am new to Phabricator. I want to solve this task,
Can you guide me a little more about what can I do to fix it?

jrbs renamed this task from Table looks unterminated to Table on SecurePoll ballot looks unterminated.Feb 5 2023, 12:50 AM
jrbs added a project: good first task.

Hi! I want to contribute to this task.
Thanks

Change 841118 had a related patch set uploaded (by Aklapper; author: Stang):

[mediawiki/extensions/SecurePoll@master] Fix table bottom line

https://gerrit.wikimedia.org/r/841118

Change 841118 merged by jenkins-bot:

[mediawiki/extensions/SecurePoll@master] Fix table bottom line

https://gerrit.wikimedia.org/r/841118

Dreamy_Jazz assigned this task to Stang.
Dreamy_Jazz subscribed.

Before

image.png (225×623 px, 19 KB)

After

image.png (234×600 px, 19 KB)