da5c1ee008
Let PhotoTags have timestamps; use more js cards.
...
Tags on photos can now have timestamps, so that if you are tagging
a video or audio you can reference a specific moment with your tag.
In the interface, this means the tag is clickable and seeks to that
point in the media.
For the user interface, I am finding I need to move away from jinja
for the object cards because it is too much hassle to keep the code
for jinja-based cards for static rendering and the js-based cards
for dynamic rendering in sync. Rather than write the same cards in
two languages I can dump the JSON into the script and render the cards
on load. Which makes the static HTML worse but that's what the JSON
API is for anyway.
2023-09-17 14:07:22 -07:00
a68f76176f
Move themes into one file, set by class on html element.
2023-07-22 17:32:39 -07:00
db37519f63
Small css tweaks.
2022-11-19 22:42:35 -08:00
1477a7668d
Add theme_hotdogstand.css.
2022-11-11 15:31:33 -08:00
a2ad5ef930
Match voussoirkit common.css.
2022-11-11 15:29:33 -08:00
159d5b282a
Remove pre white-space:pre-line from common, it's too specific.
2022-10-27 20:55:41 -07:00
c159dbbc0f
Improve photo contextmenu, reuse a single contextmenu element for all.
2022-08-04 06:10:44 -07:00
17e0d0b6a6
Fix contextmenu position:fixed, affected by final BringRSS solution.
2022-07-20 19:03:27 -07:00
93e03656ca
Small tidy ups.
2022-03-26 13:22:01 -07:00
7d351a5e87
Give content_body padding instead of margin.
...
Two reasons:
- Whether the header is present or not, the content body will have
some padding at the top of the screen.
- When the content body is long, it will naturally pad itself from the
bottom of the screen. Previously it would scrape the bottom edge.
2022-03-26 13:22:01 -07:00
ad1655bf3e
Let content_body have margin-top when there is no header.
2022-03-26 13:21:59 -07:00
5b6621ea4e
Move .panel into common.css.
2022-03-26 13:21:59 -07:00
c591997b10
Change the background-color of disabled input elements.
2021-12-14 20:30:38 -08:00
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
3e72029908
Improve placement of photo toolbutton in list view.
2021-10-31 16:15:01 -07:00
2d4acfe511
Replace some h2 with h1, set h:first-child, last-child margin=0.
2021-10-31 16:14:18 -07:00
886ddecfa7
Improve appearance of bookmark cards with h2, hiding url element.
2021-10-31 16:12:14 -07:00
e99023c7ab
Bookmark cards don't really need to be grid based.
2021-10-31 16:08:41 -07:00
842dad3243
Add remark to common.css, etiquette.css.
2021-10-24 16:48:06 -07:00
0829383f7d
Replace margin:auto with flex justify, align.
2021-06-15 22:26:42 -07:00
87126c1b89
Fix photo cards being too wide due to img misjudging height.
2021-06-15 22:01:43 -07:00
5de8c8ddad
Replace #000 with black.
2021-06-04 20:47:41 -07:00
737fa5652f
Add word-break: break-all to bookmark cards.
2021-06-03 17:43:06 -07:00
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
a227474a2b
Add explanation to common.css --wide --narrow.
2021-05-19 23:43:08 -07:00
95a6d7bb92
Let the logout button match the link color.
2021-05-19 00:07:19 -07:00
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
34b6ccd285
Rearrange some photo card css.
2021-01-20 19:07:38 -08:00
5e7b90cbe4
Combine all card templates into cards.html.
2021-01-20 18:26:42 -08:00
b96f0cfc96
Put toolbox hide logic into album_card_tools, not remove button.
2021-01-20 18:26:42 -08:00
95b95bc7be
Add thumbnail_photo to Album.
2021-01-20 18:26:36 -08:00
fd6375613a
Add album's author and date to the page.
2021-01-09 10:50:52 -08:00
20a3828dbf
Move .tag_card to cards.css.
2021-01-08 14:16:59 -08:00
7f9c7085f0
Rename tag_object -> tag_card.
2021-01-08 13:57:27 -08:00
7373730f90
Add bookmark_card.html, move bookmark_card css to cards.css.
2021-01-08 13:41:49 -08:00
fabbbaf17f
Rename photo_cards.css -> cards.css. All types welcome.
2021-01-08 13:40:34 -08:00
47db917090
Improve text color declaration to inherit from html.
2021-01-07 19:24:17 -08:00
cc2199d59a
Let sticky_bottom scroll for very small screens.
2021-01-05 01:25:50 -08:00
7c62c064cb
Rename photo_card_selector_checkbox photo_clipboard_selector_checkbox.
2021-01-04 23:31:41 -08:00
58a0a246c8
Add comment regarding sticky_bottom background and :before pseudo.
2021-01-02 23:53:14 -08:00
087238bfad
Remove z-index from selected photo overlay. It's not necessary.
2021-01-02 23:52:46 -08:00
0c3ee6f2d2
Add search_embed for bringing search iframes to other pages.
2021-01-02 13:49:43 -08:00
732c054075
Replace height with min-height, fixes squashed bottom margin.
2021-01-02 11:35:46 -08:00
843e8d6743
Oops, put photos_holder rule in etiquette.css, not common.
2020-11-04 17:35:54 -08:00
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
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
41353b2eb4
Move current default css into theme_turquoise. Always pick a theme.
2020-09-25 16:27:47 -07:00
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
8da18ba502
Add --narrow, --wide to common.css, is_wide_mode to common.js.
2020-09-18 20:57:35 -07:00
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
