Template talk:Outdent

Active discussions

Gap in the lineEdit

Level Demo Firefox on Ubuntu (default sans-serif font: DejaVu Sans)  Y No issues in
1

Test

Test
 Y
  • Chromium on Ubuntu (default sans-serif font: Liberation Sans)
  • Firefox 67.0.4 on Windows 10 (Arial)
  • Chrome 75 on Windows 10 (Arial)
  • Firefox 67.0.2 on Ubuntu (manually set sans-serif font: Liberation Sans)
2

Test

Test
 N
3

Test

Test
 Y
4

Test

Test
 Y
5

Test

Test
 N
6

Test

Test

Test

 Y
7

Test

Test
 N
8

Test

Test
 N
9

Test

Test
 N
10

Test

Test

Test

 N

This might affect just some browsers, but the line has a gap at some indentation levels in Firefox. —⁠andrybak (talk) 09:28, 26 June 2019 (UTC)

@Andrybak: What version? I'm not seeing any on version 67.0.1 on Firefox on Windows 10. BrandonXLF (t@lk) 12:26, 26 June 2019 (UTC)
I checked on Windows as well, and it seems that this is an issue very similar to the issue I encountered with Template:Routemap, and it has to do with the width of fonts used by the browser. —⁠andrybak (talk) 13:03, 26 June 2019 (UTC)
I'll have to double check the fonts used on Ubuntu later. —⁠andrybak (talk) 14:36, 26 June 2019 (UTC)
I collapsed the table just for size/placement. I don't see any issues; running FF beta. Primefac (talk) 23:54, 26 June 2019 (UTC)
Turns out, that {{outdent}} has a gap when DejaVu Sans is the default "sans-serif" font used by the browser. Switching setting "Preferences > Language and Appearance > Advanced... > Sans-Serif" to Liberation Sans fixed the issue for me in Firefox. I've updated the table. Is it worth spending time to try to fix the template for default fonts on non-Windows machines? —⁠andrybak (talk) 00:07, 27 June 2019 (UTC)
Probably not. How big of a gap was it, anyway? Primefac (talk) 00:11, 27 June 2019 (UTC)
The line is rendered by a number of dashes box drawing characters. To fix the biggest gap I saw, I had to add two dashes horizontal box drawing characters (not in wikitext, just in HTML through Firefox's Inspector tool). —⁠andrybak (talk) 07:29, 27 June 2019 (UTC)
Wow, that's... big. Surprised no one ever noticed it. Primefac (talk) 12:47, 27 June 2019 (UTC)

Template-protected edit request on 16 November 2019Edit

Replace Module:Outdent with Module:Outdent/sandbox. This replaces the use of box drawing with borders, offering support for all fonts and support for older versions of IE. Borders also render more sharp. The use of borders also makes the template non-selectable when copying text from the page, which is preferable because indents are copied from the page when you copy the text on the page. This change also makes the module significantly smaller. See Template:Outdent/testcases for comparison. BrandonXLF (t@lk) 08:19, 16 November 2019 (UTC)

The sandbox lines are a different width than the existing ones - was this intentional, and how much will it impact the visual aspect of any existing uses? Primefac (talk) 12:52, 16 November 2019 (UTC)
Also, the test cases in the section "Strings of : and then a * supplied for parameter" do not match each other. The sandbox appears to render incorrectly. – Jonesey95 (talk) 15:18, 16 November 2019 (UTC)
@Jonesey95: Fixed. @Primefac: If you mean by thickness, that can be changed, currently it's 1px, but it can also be 2px. If you mean by the length of the lines, I think the sandbox is a little better in terms of the length of the lines, but they are a little off, so I added some code to move them 1px to the right, and now the pixels seems to line up exactly on my computer at least.
1px with "AAA" gray value:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
2px with "AAA" gray value:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
2px with "BDBDBD" gray value:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
0.2em with "BDBDBD" gray value:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Current with "AAA" gray value:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sandbox (added by Jonesey95 to BrandonXLF's original examples):
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
BrandonXLF (t@lk) 17:23, 16 November 2019 (UTC)
I see zero reason to change the thickness. Primefac (talk) 23:32, 16 November 2019 (UTC)
I changed most of the "1px" styling to "2px" in the sandbox, and now the sandbox lines look thicker than the current template. It would be nice to make it look the same. – Jonesey95 (talk) 15:12, 17 November 2019 (UTC)
Jonesey95, I don't think that's possible because most browsers round decimals. BrandonXLF (t@lk) 22:46, 17 November 2019 (UTC)
Also, I'm pretty sure the original was 1px; in the above example the 1px variant looked like the current template/module. Primefac (talk) 01:52, 18 November 2019 (UTC)
OK, I have tweaked the gray value in the sandbox to see if I could match the gray of the current module, at least on my screen. For me, making the gray lighter makes the line look a little thinner, so close to the current module that I suspect nobody will notice. I took the liberty of adding the sandbox example to BrandonXLF's examples above, and modifying the "1px" example to show 1px regardless of changes to the sandbox. What does it look like to both of you? – Jonesey95 (talk) 04:54, 18 November 2019 (UTC)
Looks better, I know in comparison it's easy to see the differences but 2px was just too thick by itself. Primefac (talk) 11:03, 18 November 2019 (UTC)
I made the horizontal border 1px thick and a little darker, and I think it looks really similar to the current version. Let me know if it looks better than having it all 2px. BrandonXLF (t@lk) 17:11, 18 November 2019 (UTC)
On my screen, the "2px with BDBDBD" version looks closest to the current template. The most recent 1px change to the sandbox makes the horizontal line look considerably thinner than the current template. If your goal is to upgrade the functionality of the template without having people notice a change (and subsequently complain, because change is hard), I think the "2px with BDBDBD" version is your best bet. – Jonesey95 (talk) 21:14, 18 November 2019 (UTC)
Jonesey95, the 2px still looks way too large on my screen, I think it has something to do with the browser font size. When I set my browser font size to "large", they look very similar. I changed the sandbox so it uses em instead of px, meaning it should change between screen sizes. It now looks much better on my screen, let me know if it looks like the 2px version on your screen. BrandonXLF (talk) 22:15, 18 November 2019 (UTC)
0.1em looks like 1px on my screen. I pasted a 0.2em example above. For me, that looks like the current template. – Jonesey95 (talk) 00:26, 19 November 2019 (UTC)
On my screen, 2px is too large and 1px fairly thin. The thing that comes somewhat close to the slightly blurred text-version is this admittedly silly version with a box-shadow: I don't think I would have noticed a change to 1px, so it's probably fine.
Thjarkur (talk) 01:26, 19 November 2019 (UTC)

  Administrator note 1px seems to be the favourite. Let me know when the sandbox is ready to be synchronised. — Martin (MSGJ · talk) 19:24, 23 November 2019 (UTC)

@MSGJ: The sandbox is currently using 1px and is ready to be synchronized. Also,
<div style="border:thin green solid; padding:8px; margin:4px">
:{{para|test_line_width}}
:*Set to any string to test the line creating and reduction functions in the module.
:*'''Not recommended'''
:</div>
will need to be removed from Template:Outdent/doc since the parameter is no longer around since it is now no use for it and it was only used for testing. BrandonXLF (talk) 19:47, 23 November 2019 (UTC)
  Done. Please make any changes required to the documentation yourself — Martin (MSGJ · talk) 11:33, 25 November 2019 (UTC)

does this template technically create new lists when used?Edit

Is this template accessibility-compliant with MOS:LISTGAP? — Fourthords | =Λ= | 19:34, 8 February 2020 (UTC)

No text after OutdentEdit

Hi all, I raised a query (April 22 2020) about my user talk archives at the help desk. The swift answer was that Outdent, without any following text, seems to break the {{Archives}} box. Any thoughts? >: MinorProphet (talk) 14:24, 22 April 2020 (UTC)

Even if you put a bunch of text after the outdent, the links are still not clickable. I can see the links sometimes if I pass my mouse over the text, but they disappear. I suppose it's possible that the box that {{outdent}} creates overlaps the archives box somehow. Someone could copy this page into Special:ExpandTemplates to look at the code. Add {{Lorem ipsum}} after the outdent to see that the links are still not clickable. – Jonesey95 (talk) 15:20, 22 April 2020 (UTC)
Not much to see, really. First <pre> is the archive box, second is the outdent:
<table id="archivebox" role="presentation" class="tmbox tmbox-notice mbox-small " style="text-align: center; padding: 1em;  ">
<tr><th style="padding-top: 0.6em;"><div style="float: left; width: 100%;">[[File:Replacement filing cabinet.svg|40px|alt=|link=]]<br>Archives
</div></th></tr>
<tr><td class="plainlinks" style="text-align:left;"><div style="text-align:center;">[[User talk:MinorProphet/Archive 1|1]], [[User talk:MinorProphet/Archive 2|2]], [[User talk:MinorProphet/Archive 3|3]], [[User talk:MinorProphet/Archive 4|4]], [[User talk:MinorProphet/Archive 5|5]]</div>

</td></tr><tr><td><inputbox>
bgcolor=transparent
type=fulltext
prefix=User talk:MinorProphet/
break=yes
width=22
searchbuttonlabel=Search archives
</inputbox>
</td></tr>
</table> 
<span class="outdent-template" style="position:relative;left:1px;"><span style="display:block;width:16em;height:0.5em;border-bottom:1px solid #AAA;border-right:1px solid #AAA;"></span><span style="display:block;width:16em;height:0.5em;border-left:1px solid #AAA;"></span></span>
The archive box is showing plainlinks to the archives, and the outdent is wrapped up in spans. There doesn't seem to be any crossover between them. Primefac (talk) 15:38, 22 April 2020 (UTC)
Update: seems to be only on their page; I did pretty much the same thing on my talk and I didn't see any odd behaviour. Primefac (talk) 15:41, 22 April 2020 (UTC)
Update 2: I took the code from Special:PermaLink/952501648 (on my own talk) and put it through the ExpandTemplate, properly showed all of the text and links despite the expanded code being identical. Primefac (talk) 15:47, 22 April 2020 (UTC)
Update 2.5: I took the code from the original permalink (from their talk), copied to my page, for Special:PermaLink/952502609; it looks like the top row of archives isn't showing, but the second+ lines are showing as normal. I guess that means there's something in the outdent spans that's overlapping the archive box, but only for one row of text... Primefac (talk) 15:47, 22 April 2020 (UTC)
Thank you all for your expert interest so far. Like Jonesey95, "I can see the links sometimes if I pass my mouse over the text, but they disappear." I should confess that I am using Firefox 47.0.1 on XP Pro SP3, and my antiquated system may be unable to cope. >: MinorProphet (talk) 16:04, 22 April 2020 (UTC)
I get the same results as in Update 2.5. MinorProphet (talk) 16:10, 22 April 2020 (UTC)
  Fixed Seems like the first <span> was causing the issue. Switching to <div> seems to have worked. Primefac (talk) 17:53, 22 April 2020 (UTC)
Brilliant. Thank you everyone for your timely and expert assistance. MinorProphet (talk) 21:11, 22 April 2020 (UTC)

Template-protected edit request on 15 May 2020Edit

Please apply Special:Diff/952521877/956790018 to the module to allow negative numbers to be passed as first positional parameter to the template. New test cases: Template:Outdent/testcases § Negative width —⁠andrybak (talk) 10:07, 15 May 2020 (UTC)

  Done Primefac (talk) 14:05, 15 May 2020 (UTC)
Return to "Outdent" page.