Module:List and Module:Navbar/styles.css: Difference between pages

From Frontierpedia, the Microsoft Agent encyclopedia
(Difference between pages)
en>Mr. Stradivarius
(convert to Module:HtmlBuilder and fix list-style-type support)
 
en>Izno
(small = yes)
 
Line 1: Line 1:
-- This module outputs different kinds of lists. At the moment, bulleted, unbulleted,
/* {{pp|small=yes}} */
-- horizontal, ordered, and horizontal ordered lists are supported.
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}


local p = {}
.navbar-collapse {
float: left;
text-align: left;
}


local htmlBuilder = require('Module:HtmlBuilder')
.navbar-boxtext {
word-spacing: 0;
}


local function getListItem(data, style, itemStyle)
.navbar ul {
if not data then
display: inline-block;
return nil
white-space: nowrap;
end
line-height: inherit;
local item = htmlBuilder.create('li')
}
item
.cssText(style)
.cssText(itemStyle)
.wikitext(data)
return tostring(item)
end


local function getArgNums(args)
.navbar-brackets::before {
-- Returns an array containing the keys of all positional arguments
margin-right: -0.125em;
-- that contain data (i.e. non-whitespace values).
content: '[ ';
local nums = {}
}
for k, v in pairs(args) do
if type(k) == 'number' and
k >= 1 and
math.floor(k) == k and
mw.ustring.match(v, '%S') then
table.insert(nums, k)
end
end
table.sort(nums)
return nums
end


function p.makeList(listType, args)
.navbar-brackets::after {
-- This is the main function to be called from other Lua modules.
margin-left: -0.125em;
-- First, get the list items.
content: ' ]';
local listItems = {}
}
local argNums = getArgNums(args)
for i, num in ipairs(argNums) do
local item = getListItem(
args[num],
args.item_style or args.li_style, -- li_style is included for backwards compatibility. item_style was included to be easier to understand for non-coders.
args['item_style' .. tostring(num)] or args['li_style' .. tostring(num)]
)
table.insert(listItems, item)
end
if #listItems == 0 then
return ''
end
-- Build the list html.
local root = htmlBuilder.create('div')
if listType == 'horizontal' or listType == 'horizontal_ordered' then
root.addClass('hlist')
elseif listType == 'unbulleted' then
root.addClass('plainlist')
end
root.addClass(args.class)
if listType == 'horizontal' or listType == 'horizontal_ordered' then
local indent = args.indent and tonumber(indent)
indent = tostring((indent and indent * 1.6) or 0)
root.css('margin-left', indent .. 'em')
end
root.cssText(args.style)
local list = root.tag((listType == 'ordered' or listType == 'horizontal_ordered') and 'ol' or 'ul')
list
.attr('start', args.start)
.attr('type', args.type)
.css('list-style-type', args['list-style-type'])
.cssText(args.list_style or args.ul_style or args.ol_style) -- ul_style and ol_style are included for backwards compatibility. No distinction is made for ordered or unordered lists.
.wikitext(table.concat(listItems))
return tostring(root)
end


local function makeWrapper(listType)
.navbar li {
return function(frame)
word-spacing: -0.125em;
local origArgs
}
if frame == mw.getCurrentFrame() then
origArgs = frame:getParent().args
for k, v in pairs(frame.args) do
origArgs = frame.args
break
end
else
origArgs = frame
end
local args = {}
for k, v in pairs(origArgs) do
if type(k) == 'number' or v ~= '' then
args[k] = v
end
end
return p.makeList(listType, args)
end
end


local funcNames = {'bulleted', 'unbulleted', 'horizontal', 'ordered', 'horizontal_ordered'}
.navbar-mini abbr,
.navbar-mini span {
font-variant: small-caps;
border-bottom: none;
text-decoration: none;
cursor: inherit;
}


for _, funcName in ipairs(funcNames) do
.navbar-ct-full {
p[funcName] = makeWrapper(funcName)
font-size: 114%;
end
margin: 0 7em;
}


return p
.navbar-ct-mini {
font-size: 114%;
margin: 0 4em;
}
 
/* Navbar styling when nested in infobox and navbox
Should consider having a separate TemplateStyles for those specific places
using an infobox/navbox and a navbar, or possibly override from using template */
.infobox .navbar {
font-size: 100%;
}
 
.navbox .navbar {
display: block;
font-size: 100%;
}
 
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
}

Revision as of 00:14, 8 December 2020

/* {{pp|small=yes}} */
.navbar {
	display: inline;
	font-size: 88%;
	font-weight: normal;
}

.navbar-collapse {
	float: left;
	text-align: left;
}

.navbar-boxtext {
	word-spacing: 0;
}

.navbar ul {
	display: inline-block;
	white-space: nowrap;
	line-height: inherit;
}

.navbar-brackets::before {
	margin-right: -0.125em;
	content: '[ ';
}

.navbar-brackets::after {
	margin-left: -0.125em;
	content: ' ]';
}

.navbar li {
	word-spacing: -0.125em;
}

.navbar-mini abbr,
.navbar-mini span {
	font-variant: small-caps;
	border-bottom: none;
	text-decoration: none;
	cursor: inherit;
}

.navbar-ct-full {
	font-size: 114%;
	margin: 0 7em;
}

.navbar-ct-mini {
	font-size: 114%;
	margin: 0 4em;
}

/* Navbar styling when nested in infobox and navbox
Should consider having a separate TemplateStyles for those specific places
using an infobox/navbox and a navbar, or possibly override from using template */
.infobox .navbar {
	font-size: 100%;
}

.navbox .navbar {
	display: block;
	font-size: 100%;
}

.navbox-title .navbar {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
	/* @noflip */
	margin-right: 0.5em;
}
Retrieved from "https://frontierpedia.tmafe.com/index.php?title=Module:List&oldid=5493"