voussoir
bfe11cccd5
Finally improve photo thumbnail css to reduce use of 150px constant.
...
I've attempted this so many times and always failed. object-fit:contain
and minmax(0, fr) was the solution.
2021-10-31 16:15:57 -07:00
voussoir
3e72029908
Improve placement of photo toolbutton in list view.
2021-10-31 16:15:01 -07:00
voussoir
2d4acfe511
Replace some h2 with h1, set h:first-child, last-child margin=0.
2021-10-31 16:14:18 -07:00
voussoir
886ddecfa7
Improve appearance of bookmark cards with h2, hiding url element.
2021-10-31 16:12:14 -07:00
voussoir
e99023c7ab
Bookmark cards don't really need to be grid based.
2021-10-31 16:08:41 -07:00
voussoir
842dad3243
Add remark to common.css, etiquette.css.
2021-10-24 16:48:06 -07:00
voussoir
0829383f7d
Replace margin:auto with flex justify, align.
2021-06-15 22:26:42 -07:00
voussoir
87126c1b89
Fix photo cards being too wide due to img misjudging height.
2021-06-15 22:01:43 -07:00
voussoir
5de8c8ddad
Replace #000 with black.
2021-06-04 20:47:41 -07:00
voussoir
737fa5652f
Add word-break: break-all to bookmark cards.
2021-06-03 17:43:06 -07:00
voussoir
84d966ff3d
Set #header height: 18px, which was already the natural height.
...
No visual change now, but writing it down helps communicate intention
with regards to the size of other elements.
2021-05-30 19:18:16 -07:00
voussoir
a227474a2b
Add explanation to common.css --wide --narrow.
2021-05-19 23:43:08 -07:00
voussoir
95a6d7bb92
Let the logout button match the link color.
2021-05-19 00:07:19 -07:00
voussoir
b0f8414c11
Add photo_card.photo_card_tools infra for contextual tools.
...
I'm not satisfied with the appearance of the toolbutton just yet,
but we can revise that later.
2021-01-21 15:37:30 -08:00
voussoir
34b6ccd285
Rearrange some photo card css.
2021-01-20 19:07:38 -08:00
voussoir
5e7b90cbe4
Combine all card templates into cards.html.
2021-01-20 18:26:42 -08:00
voussoir
b96f0cfc96
Put toolbox hide logic into album_card_tools, not remove button.
2021-01-20 18:26:42 -08:00
voussoir
95b95bc7be
Add thumbnail_photo to Album.
2021-01-20 18:26:36 -08:00
voussoir
fd6375613a
Add album's author and date to the page.
2021-01-09 10:50:52 -08:00
voussoir
20a3828dbf
Move .tag_card to cards.css.
2021-01-08 14:16:59 -08:00
voussoir
7f9c7085f0
Rename tag_object -> tag_card.
2021-01-08 13:57:27 -08:00
voussoir
7373730f90
Add bookmark_card.html, move bookmark_card css to cards.css.
2021-01-08 13:41:49 -08:00
voussoir
fabbbaf17f
Rename photo_cards.css -> cards.css. All types welcome.
2021-01-08 13:40:34 -08:00
voussoir
47db917090
Improve text color declaration to inherit from html.
2021-01-07 19:24:17 -08:00
voussoir
cc2199d59a
Let sticky_bottom scroll for very small screens.
2021-01-05 01:25:50 -08:00
voussoir
7c62c064cb
Rename photo_card_selector_checkbox photo_clipboard_selector_checkbox.
2021-01-04 23:31:41 -08:00
voussoir
58a0a246c8
Add comment regarding sticky_bottom background and :before pseudo.
2021-01-02 23:53:14 -08:00
voussoir
087238bfad
Remove z-index from selected photo overlay. It's not necessary.
2021-01-02 23:52:46 -08:00
voussoir
0c3ee6f2d2
Add search_embed for bringing search iframes to other pages.
2021-01-02 13:49:43 -08:00
voussoir
732c054075
Replace height with min-height, fixes squashed bottom margin.
2021-01-02 11:35:46 -08:00
voussoir
843e8d6743
Oops, put photos_holder rule in etiquette.css, not common.
2020-11-04 17:35:54 -08:00
voussoir
7770f7640a
Add class photos_holder which is centers photos in narrow mode.
...
In narrow mode, it's very possible to wind up with only 1 photo per row,
and it looks silly when they are left-justified. Centered looks a little
more natural to me in this case.
2020-11-04 17:11:48 -08:00
voussoir
7715e10b12
Trade padding for bigger font on remove_tag_button.
...
Primarily affects the "unlink" / "delete" buttons on /tags.
Without the padding we can get an extra pt of font size, and these
buttons are somewhat of a readability struggle.
2020-10-17 17:28:32 -07:00
voussoir
41353b2eb4
Move current default css into theme_turquoise. Always pick a theme.
2020-09-25 16:27:47 -07:00
voussoir
3fb198f994
Add explicit @media queries for wide mode, not just default to override.
...
Any properties that are different in wide/narrow mode should be defined
in the correct media query. I got tired of having wide mode be the
default and then narrow mode having to unset/initial all the attributes
that aren't relevant to narrow.
2020-09-18 21:12:28 -07:00
voussoir
8da18ba502
Add --narrow, --wide to common.css, is_wide_mode to common.js.
2020-09-18 20:57:35 -07:00
voussoir
9a29048ccf
Split sticky_side functionality into _side, _bottom.
...
This makes the role of each css definition more clear, and could allow
for cases where the side is sticky in wide mode but not sticky in
narrow mode.
2020-09-18 20:37:40 -07:00
voussoir
35b5b5cd21
Some slate.css color tweaks.
2020-09-15 15:04:27 -07:00
voussoir
2a379919e0
Use grid instead of flexbox for message_area for better gaps.
2020-09-15 15:03:40 -07:00
voussoir
9102b37d5a
Let slate.css use black text on buttons.
2020-09-14 20:25:51 -07:00
voussoir
733776ee88
Failed experiment: clientside updates of tag actions.
...
I'm committing this so I can reference it later if I decide to try
again, but for the time being I'm going to immediately revert it.
2020-09-14 17:21:13 -07:00
voussoir
2d01297729
Adjust photo_card_searchhidden to 2px dotted border.
2020-09-09 23:55:46 -07:00
voussoir
804afe912f
Add css class .photo_card_searchhidden.
2020-09-09 19:24:43 -07:00
voussoir
82758ed336
Rename color_3d_shadow -> color_shadow.
2020-09-09 15:57:53 -07:00
voussoir
53da81a283
Add .bold class.
2020-09-05 17:47:29 -07:00
voussoir
0ee1599c93
Improve color of tab buttons active/inactive/hover.
2020-09-03 12:04:18 -07:00
voussoir
45b42d3ca3
Add css/js class tabbed_container.
2020-09-03 11:54:14 -07:00
voussoir
8dafe8c4f4
Synchronize Etiquette common.css and YCDL common.css.
2020-09-03 11:50:16 -07:00
voussoir
c5fbcf0056
Add z-index to photo_card_selected::after.
2020-08-28 17:56:30 -07:00
voussoir
8163f33ba3
Reinstate z-index for photo_card_filename:hover.
...
For extremely long titles, it was being obscured by the photo
card on the next row.
2020-08-28 17:12:32 -07:00
voussoir