summaryrefslogtreecommitdiff
path: root/commun.css
AgeCommit message (Collapse)Author
2021-01-17Make padding more homogeneous across pages on mobileKévin Le Gouguec
2021-01-17Try to give meaningful names to stuffKévin Le Gouguec
2021-01-17Sidestep an issue with SafariKévin Le Gouguec
Can't call it a bug yet; haven't seen the problem documented.
2021-01-17Use consistent units for togglable menuKévin Le Gouguec
Otherwise on Chrome, the menu did not slide all the way out when a page had a scrollbar.
2021-01-17Add cursor hints near togglable menusKévin Le Gouguec
Not that we should see a cursor on mobile, maybe people who zoom in a lot would appreciate that.
2021-01-17Touch up padding for navigation menuKévin Le Gouguec
2021-01-17Fix close button & icon positionsKévin Le Gouguec
2021-01-17Make contact list readable on mobileKévin Le Gouguec
2021-01-17Make menu readable on mobileKévin Le Gouguec
2021-01-17Tweak header sizes a bitKévin Le Gouguec
2021-01-17Always define footer the same wayKévin Le Gouguec
2021-01-17Use <label>s to automatically gain clickable surfaceKévin Le Gouguec
Instead of making the <input>s cover the whole grid.
2021-01-17Re-implement togglable menusKévin Le Gouguec
2021-01-17Add toggle buttonsKévin Le Gouguec
Which will remain hidden until we define CSS rules for (max-width: 40em).
2021-01-17Rearrange header blocksKévin Le Gouguec
This will make it easier to move grid blocks around for the mobile version. Inpired from the old/mobile branch, which has diverged too much to salvage.
2020-12-31Allow <body> to overflowKévin Le Gouguec
2020-12-31Bring menu "tabs" closer togetherKévin Le Gouguec
Also make banner bigger.
2020-12-30Settle on a transition for dropdown displayKévin Le Gouguec
2020-12-30Fix dropdown positionKévin Le Gouguec
Make sure it starts below the li's padding area, so that it lines up with colored backgrounds.
2020-12-28Note down possible transitions for dropdown menuKévin Le Gouguec
Also move some attributes around.
2020-12-28Bolt down portrait sizes in dropdownKévin Le Gouguec
No idea why they get gigantic on gitlab.io?
2020-12-28Highlight currently viewed member in dropdown menuKévin Le Gouguec
2020-12-28Align dropdown with parent divKévin Le Gouguec
Highlight backgrounds were misaligned otherwise. And tweak padding so that the whole line is clickable.
2020-12-28Add dropdown menu with direct links to membersKévin Le Gouguec
2020-12-28Simplify CSS a bitKévin Le Gouguec
Gets rid of the "display: flex" in list items, which annoyed me for the next commit.
2020-12-15Add contact page and RSS feedKévin Le Gouguec
2020-12-14Simplify colorsKévin Le Gouguec
2020-11-29Always apply overflow: auto to mainKévin Le Gouguec
2020-11-26Add linksKévin Le Gouguec
2020-11-24Remove borderKévin Le Gouguec
Shoo.
2020-11-24Tweak headerKévin Le Gouguec
- Space things a bit. - Add borders. - Make sure borders stay "grid-like" when zooming, e.g. a 2-line cell's box should have the same height as a 1-line cell's box.
2020-11-24Make some minor cosmetic changesKévin Le Gouguec
2020-11-22Take overflow policy out of common CSSKévin Le Gouguec
2020-11-22Update news page wrt maquetteKévin Le Gouguec
2020-11-22Make sure legal footer covers the whole widthKévin Le Gouguec
2020-11-22Add some colors to visualize layoutKévin Le Gouguec
2020-11-22Ensure nav items never get stuck togetherKévin Le Gouguec
2020-11-21Move language button into headerKévin Le Gouguec
Hey guys, have you heard of this *grid* thing? It's actually pretty cool!
2020-11-21Review proportions a bitKévin Le Gouguec
Make "footers" less prominent.
2020-11-21Add language "button"Kévin Le Gouguec
Note sure I want to leave it in that standalone div. Either tuck it in the header (and figure how to set grid columns properly) or move it to the first footer.
2020-11-18Fix edge caseKévin Le Gouguec
- 1680×1050 - half-window - 200% zoom ⇒ le <blank> quatuor actualités programmes médias This commits centers "actualités" vertically.
2020-11-18Mitigate ugly title wrappingKévin Le Gouguec
IIUC, CSS starts by computing block dimensions; when "Quatuor XXXX" becomes too big, it picks the max-width; *then* CSS barfs the text into the block, and finally notices that the text will wrap. Cue ugly blank space on the right. https://old.reddit.com/r/css/comments/2y1d6w/fit_block_width_to_content_when_text_wraps_due_to/
2020-11-18Simplify div hierarchy; use grid displayKévin Le Gouguec
2020-11-17Make sidebars stickyKévin Le Gouguec
2020-11-17Add tentative "social" sidebarKévin Le Gouguec
2020-11-17Mess around with brandKévin Le Gouguec
2020-11-17Try to make content scrollableKévin Le Gouguec
couldn't find a way to make #photos and #bio backgrounds extend to the bottom of .main, for some reason. flex-grow is necessary on .main, otherwise the footer will pick up excess height when zoomed out. use flex: 1/2 for #photos/#bio, instead of percentages with flex-shrink: 0.
2020-11-17Reduce banner heightKévin Le Gouguec
2020-11-17Add artist portraits backKévin Le Gouguec
Use as many character-width-independent units as possible, to make sure nothing moves too much when zooming. Move some body CSS to common stylesheet. Probably broke events page, ah well. All in due time. Fix "transition" property: apply only to "filter". Otherwise when zooming images are resized with a slow 1s transition.
2020-11-17Crack open vertical alignment of flex items… againKévin Le Gouguec
"align-" ⇒ "along the cross-axis" can get rid of that superstitious "margin: auto" now. - add quatuor name - allow nav items to wrap - make background color less garish