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
35b5b5cd21
Some slate.css color tweaks.
2020-09-15 15:04:27 -07:00
2a379919e0
Use grid instead of flexbox for message_area for better gaps.
2020-09-15 15:03:40 -07:00
9102b37d5a
Let slate.css use black text on buttons.
2020-09-14 20:25:51 -07:00
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
2d01297729
Adjust photo_card_searchhidden to 2px dotted border.
2020-09-09 23:55:46 -07:00
804afe912f
Add css class .photo_card_searchhidden.
2020-09-09 19:24:43 -07:00
82758ed336
Rename color_3d_shadow -> color_shadow.
2020-09-09 15:57:53 -07:00
53da81a283
Add .bold class.
2020-09-05 17:47:29 -07:00
0ee1599c93
Improve color of tab buttons active/inactive/hover.
2020-09-03 12:04:18 -07:00
45b42d3ca3
Add css/js class tabbed_container.
2020-09-03 11:54:14 -07:00
8dafe8c4f4
Synchronize Etiquette common.css and YCDL common.css.
2020-09-03 11:50:16 -07:00
c5fbcf0056
Add z-index to photo_card_selected::after.
2020-08-28 17:56:30 -07:00
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
b6f4874b66
Move colored button class rules below button element rules.
2020-08-07 21:07:30 -07:00
976534982b
Add border-radius to album cards, like photo cards.
2020-07-26 19:17:47 -07:00
592c8d6bd2
Increase tag_object line height from 1.3 to 1.5.
...
I'm finding weird behavior where on the main /tags page, hovering
over the tags shows the delete / unlink button without a problem,
but on a specific tag page hovering over this button causes the
rest of the list to shift a pixel or two.
I'm sure this line-height fix is nothing more than a bandaid and
not the right thing to change.
2020-07-01 16:40:30 -07:00
b81aad78dd
Rename CSS vars color_theme_* and color_site_* to color_*.
...
There was just no point to naming them like this because all of the
color vars obviously represent some part of the site's color theme.
2020-06-25 10:03:50 -07:00
83c2ed7882
Redesign album grid cards to look more like photo cards.
...
Unfortunately these cards are taller rather than wider so the
already-neglected unlink buttom becomes even more horizontally crammed.
That's going to need a big fixup anyway.
2020-04-02 22:28:36 -07:00
e5f2b788fe
Replace bottom & right margin with all-round 8px.
...
The two-sided margin was meant to create a particular spacing on the
albums page, but the purpose of cards is I should be able to use
them in many other contexts. So an all-round margin is easier to
work with when displaying cards anywhere else.
2020-04-02 21:59:22 -07:00
e7ac27962f
Make <a> tags always have pointer cursor.
...
At the moment, tag_objects have an option for a javascript void
link for the purpose of getting a pointer cursor without a real link.
Well I want to phase those javascript void links out so let's just
make a tags always pointy.
2020-01-14 16:17:59 -08:00
