Commit Graph

65 Commits (fa512eff2812e96075a956d1e972702dbc3bcfe2)

Author SHA1 Message Date
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
voussoir 79ed0ee186 Various CSS for panels and margins. 2019-08-14 13:49:08 -07:00
voussoir b683413be0 Try different themes with the ?theme query. 2019-08-14 13:43: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 26bcafcbb5 Add style for button:disabled instead of switching classes. 2019-06-15 13:26:39 -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 a52be02880 Give sticky_side z-index 1, important for narrow mode.
Without this, the grid-view album cards were displaying above
the sticky toolbox because of their position:relative, which
I can't get rid of at the moment.
2019-03-16 12:26:18 -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 dbdd509cd2 Rearrange imports so voussoirkit is right after lib imports.
Added a styleguide.md file to refer back to.
Since voussoirkit is a library it feels better to have it below
the rest of the library and above the local project imports.
2018-11-04 19:27:20 -08:00
voussoir c551762914 Add theme_slate.css. Brainstorming.
Will continue developing the themes idea later, just need to
get this out of my git commmit queue until I come back to it.
2018-11-04 18:40:56 -08:00
voussoir dcfa7a862d Variety of html, css, jinja tweaks. 2018-11-04 18:36:17 -08:00
voussoir 98d5374d17 Add CSS class sticky_side_right. 2018-11-04 18:32:55 -08:00