Commit Graph

26 Commits (eccb260a2bcfd9a226b31c2f8c00ae9b0279ae35)

Author SHA1 Message Date
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 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 976534982b Add border-radius to album cards, like photo cards. 2020-07-26 19:17:47 -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 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 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 928e64fe08 Display hovered filename over the metadata instead of pushing down.
Previously the expanding filename would push the metadata down
and out of the card div. Now it displays on top.
2019-07-12 13:57:52 -07:00
voussoir 1b5770b81a Somewhat improve appearance of album cards on narrow screens.
Previously, on very narrow screens, the album cards were spilling
out of the container. Now they are better contained but I am
still not 100% satisfied with the margins between them.
2019-03-16 13:07:00 -07:00
voussoir 760ddfc6b0 Rename color_site_theme to color_theme_primary; and secondary. 2019-01-01 17:20:22 -08:00
voussoir 6dcf47cab7 Remove duplicated markup between list/grid photo cards. 2018-12-27 15:30:30 -08:00
voussoir d736c81100 Minor alignments within cards. 2018-12-21 23:44:11 -08:00
voussoir e6072db4a1 Remove album_card minwidth, photo_card maxwidth.
If needed, we can set the size of the containing div.
But having these hardcoded sizes was causing ugliness.
2018-11-17 16:51:54 -08:00
voussoir 707fdcc637 Add album cards and improve album pages.
- album card has placeholder for future thumbnail.
- replaced nested tree hierarchy lists with separate boxes.
- list/grid view also applies to the root listing.
- added a sticky right panel for all the tools. not pretty yet.
- mechanism for adding sticky panel changed. instead of applying
  it to the #right, you apply it to #content_body so that its
  grid layout can be updated properly.
2018-11-12 22:15:59 -08:00
voussoir 588bf59b88 Variety of html, css, jinja tweaks.
- common.css, removed html and body margins so that using
  full height #content_body will not create a scrollbar.
  Simplifies the "fill remaining space" construct I use a lot.
  Added more css variables, I'm thinking about future theming.
- photo_card.css, slightly heightened to improve name clipping.
- clipboard.html, added a small screen mode.
- login.html, centered the boxes and fixed message area being
  too small due to a previous change.
- search.html, simplified some conditional texts.
2018-10-21 18:46:27 -07:00
voussoir 3db5c77c2c Use a CSS var for 10% transparency and drop shadow. 2018-09-22 16:01:34 -07:00
voussoir 2c48b43b71 Use a CSS variable for the secondary theme color. 2018-09-22 01:14:50 -07:00
voussoir 45091c6596 Fix thumbnail height in CSS only, no html attr. Don't h-stretch. 2018-03-10 19:53:29 -08:00
voussoir aabcb61a9c Create css folder. Move photo_card rules to own file. 2018-02-24 00:58:43 -08:00