Jump to content

Has there been a change to a smaller font size on the forum?


junglebob

Recommended Posts

We reduced most of the text 10% in order to tighten up some of the blank space folks were complaining about.  Some of the really large text was reduced only 5%.  In addition to helping remove white space, the reductions help formatting on mobile devices by avoiding carriage returns on long titles.

 

We're working on options that will allow individual members some customization, including a slightly larger font that should balance out the previous reduction. We're testing it for a c few days but it's close to going live.

 

In the mean time, if you're on a Windows device, hold down the control key and tap the plus sign.  Each tap will give you a 10% increase.

 

Link to comment
Share on other sites

 

On 8/25/2021 at 3:51 PM, mauserme said:

....  In addition to helping remove white space, ....

 

There are a series of variables (sp-0 to sp-10) in the CSS that control a lot of the spacing. They appear to be defined to be simply a series of increasing spaces. Then the designers just picked whatever variable they wanted to get the amount of space they wanted. The current values are are:

 

:root {
	--sp-0: 0px;
	--sp-1: 4px;
	--sp-2: 8px;
	--sp-3: 12px;
	--sp-4: 16px;
	--sp-5: 20px;
	--sp-6: 24px;
	--sp-7: 32px;
	--sp-8: 40px;
	--sp-9: 48px;
	--sp-10: 64px;
/* etc. */
}

 

However, variables can be changed. If they are redefined to something smaller, a lot of the empty space goes away. For example (with some other changes):

  

:root {
	--sp-2: 1px; /* p controls top/bottom pad */
	--sp-3: 2px; /* f & t list left/right pad */
	--sp-4: 5px; /* f head top/bottom pad & p head right pad */
	--sp-5: 5px; /* p bottom margin & author top/bottom pad */
	--sp-6: 5px; /* f & t list top/bottom pad */
	--box--backgroundColor: #ffe;
	--container--width: none;
	--theme-link: 0, 0, 0;
	--theme-page_background: 224, 224, 208;
	--theme-section_title: 128, 192, 255;
	--theme-widget_title_bar: 128, 192, 255;
}

/*
	topic list
	"default" padding is 18px --sp-3
	make it the same as the forum list
*/
.ipsDataItem_icon,
.ipsDataItem_lastPoster,
.ipsDataItem_main,
.ipsDataItem_stats {
	padding: var(--sp-6) var(--sp-3);
}

/*
	post list
	"default" widths are 200px and (browser)
	"default" font-size is 18px (16.2px)
*/
.ipsColumn_medium {
	width: 120px;
}
.ipsApp .cAuthorPane_author {
	font-size: 14px;
	margin: 0 -5px;
	padding: 0 5px;
	width: inherit;
}
.ft::after {
	content: ' ';
}

/*
	put post controls last (i.e., below signature)
		and to the right
*/
.cPost_contentWrap {
	display: flex;
	flex-direction: column;
}
.ipsItemControls {
	order: 1;
	text-align: right;
}

 

Forum list without changes

forum-list-without.thumb.png.33368fa98f553ea1ce79fafe268228ee.png

 

Forum list with changes

forum-list-with.thumb.png.cb162e045b96312a03c7a1e1b3f0cd3e.png

 

Topic list without changes

topic-list-without.thumb.png.a4d3325b0ebc968344c238f91671069f.png

 

Topic list with changes

topic-list-with.thumb.png.c57d557f2446084ff6c9c5f2a912b01c.png

 

Post list without changes

post-list-without.thumb.png.02599d60da79b24640fed1b5410aa09c.png

 

Post list with changes

post-list-with.thumb.png.13433a73bc691645a590ccb4b4c4d0da.png

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...