Commit Graph

80 Commits (d26112bd21fd8bfa44c2decb5c46c871969d61b8)

Author SHA1 Message Date
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 b6f4874b66 Move colored button class rules below button element rules. 2020-08-07 21:07:30 -07:00
voussoir 976534982b Add border-radius to album cards, like photo cards. 2020-07-26 19:17:47 -07:00
voussoir 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
voussoir 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
voussoir 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
voussoir 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
voussoir 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
voussoir e5d0974306 Add a blue transparency over selected photos. 2020-01-11 16:33:30 -08:00
voussoir b7f745443b Rearrange some of these rules. 2019-12-21 14:50:38 -08:00
voussoir fcce2a55a2 Apply filename hover effects to grid view only. 2019-12-21 14:49:42 -08:00
voussoir d509e3cd20 Hide thumbnail and tools from list-view album cards. 2019-12-21 14:47:04 -08:00
voussoir c984159a76 Minor css tweaks. 2019-09-11 01:13:10 -07:00
voussoir d273adbf27 Move new #right:before to common.css. 2019-09-11 01:12:04 -07:00
voussoir 23cdd4dc2b Now remove these explicit border-boxes. 2019-09-10 19:31:18 -07:00
voussoir cac18b76d0 Switch to border-box by default. 2019-09-10 15:32:35 -07:00
voussoir 42be44a509 Set #content_body grid-gap to get both row and column gaps. 2019-08-26 14:50:45 -07:00
voussoir 6635a1e740 Column-gap for everyone! Not just stickyside pages. 2019-08-25 18:07:53 -07:00
voussoir a83f365b2a Use #content_body grid-column-gap instead of #left, #right margin. 2019-08-25 17:23:17 -07:00