paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-02 13:03:29 +00:00
Code Issues Packages Projects Releases Wiki Activity
63,702 Commits 30 Branches 160 Tags
0e152a128fc4e58a6479f15b8c606972b8057f19
Commit Graph

448 Commits

Author SHA1 Message Date
Sayam Samal
ca9b1060b7 navbar_dropdowns: Let menu items control the width of dropdown menus. 
Through this commit, we set the width of the navbar dropdowns to be
equal to the longest menu item, via the min-content intrinsic sizing.

Note, that the min-content width takes into account all soft-wrapping
opportunities, which could result in the wrapping of the menu items in
many cases. To prevent this, we use the white-space property to prevent
menu items from wrapping in any case.
 2023-12-11 12:25:09 -08:00
Sahil Batra
d30b00d9f2 message_edit: Fix alignment of loading spinner. 
This commit updates the CSS to fix the alignment of loading
spinner in "Save" button and also to make sure that button's
width does not change after clicking on the button.
 2023-12-11 08:30:12 -08:00
Karl Stolley
7817e358f4 markdown: Place redesigned colors and borders on code spans and blocks. 
Prior to merging, this commit and others in the PR should be adjusted
and squashed for a cleaner history.

Co-Authored-By: Vlad Korobov <terpimost@gmail.com>
 2023-12-04 13:03:34 -08:00
Karl Stolley
6d4f852dc4 markdown: Remove background colors from code blocks. 
It appears as though we're still setting a background color,
but that is only to push back against the background set by
Pygments.

However, code blocks in mention messages get the same color
background as ordinary messages, preserving contrast on syntax
highlighting.
 2023-12-04 13:03:34 -08:00
Karl Stolley
78d4232fc4 markdown: Present code spans without borders. 2023-12-04 13:03:34 -08:00
Karl Stolley
2811f2fe0f markdown: Implement redesigned Markdown code styles. 
Fixes a part of #22022.
 2023-12-04 13:03:34 -08:00
Karl Stolley
f1a5fffae9 markdown: Express Markdown code/pre colors as CSS vars. 
This ensures that all colors (text, background, and border) are
explicitly declared for Markdown-rendered pre elements, even when
the colors replicate values already declared, e.g., with Pygments.
 2023-12-04 13:03:34 -08:00
Karl Stolley
c3adfa2679 top_navbar: Apply current icon styles to narrow login icon. 2023-12-04 12:11:00 -08:00
Karl Stolley
d85dd6bf2b top_navbar: Set new spectator button styles. 2023-12-04 12:11:00 -08:00
Karl Stolley
b53836de03 top_navbar: Allow spectator items to participate in flexbox. 2023-12-04 12:11:00 -08:00
Karl Stolley
0e4dfa04b3 top_navbar: Contain stream, description elements. 2023-12-03 08:40:45 -08:00
N-Shar-ma
82895ff535 compose: Update icons for formatting buttons. 
Also made the buttons bigger, and updated breakpoints accordingly.

Fixes: #27845.
 2023-12-01 13:51:39 -08:00
Aman Agrawal
7834748dd7 css: Fix modal exit button colors not working on billing pages. 
This was due to color variables not being accessible as `zulip.css`
is not a file we import on billing page.
 2023-11-29 21:46:13 -08:00
Karl Stolley
3c5ea3895f left_sidebar: Place a dark-mode color for masked unreads. 2023-11-29 13:33:19 -08:00
Sayam Samal
def4cf7f93 uploads: Extend drag and drop upload area to blank areas after sidebars. 
To extend the drag and drop upload area to blank areas after sidebars,
we now detect the drag/drop event on the entire ".app" division.

We also change replace `width` and `height` css properties with
`min-width` and `min-height` properties respectively, to make sure
that the ".app" div spans the entire width and height of the viewport.

Fixes: #27550.
 2023-11-29 10:35:18 -08:00
evykassirer
b68cb5b049 navbar: Show shorter navbar for short screens not narrow screens. 
Fixes #27366.
 2023-11-28 18:11:56 -08:00
evykassirer
e158877365 spectator sign in buttons: Use media queries instead of hide-xl. 2023-11-28 18:11:56 -08:00
Aman Agrawal
c55eaf2bec css: Set tippy-arrow color same as background in light theme. 2023-11-23 10:33:23 -08:00
Aman Agrawal
1e4f938d82 css: Reduce specificity of dropdown-list-item-common-styles. 
This helps override CSS for it more easily.
 2023-11-22 23:38:52 -08:00
Karl Stolley
33b164f63a left_sidebar: Remove padding from streams header in narrow windows. 2023-11-21 09:16:43 -08:00
Karl Stolley
295b4fc337 message_feed: Size visibility policy icons the same as others. 2023-11-18 05:35:06 -08:00
Karl Stolley
3e4f7108a0 message_feed: Vertically align link icon in recipient bar. 2023-11-18 05:35:06 -08:00
Karl Stolley
fa8504fffb top_navbar: Space navbar title with padding only. 2023-11-17 17:28:54 -08:00
Karl Stolley
cabbff73fd top_navbar: Properly align icons horizontally and vertically. 
This adds 3px of margin where previously whitespace separated the
icon from the title.
 2023-11-17 17:28:54 -08:00
Karl Stolley
6d452dbe6e top_navbar: Extend new flex-based styles to navbar titles. 2023-11-17 17:28:54 -08:00
Karl Stolley
6271f4d6ba top_navbar: Use flexbox to align icon, stream name, and description. 2023-11-17 17:28:54 -08:00
Karl Stolley
000299a323 top_navbar: Consolidate selectors, replicate styles. 2023-11-17 17:28:54 -08:00
Karl Stolley
1337b60738 top_navbar: Remove unecessary styles and vertical padding. 2023-11-17 17:28:54 -08:00
aryan
d707f10bb2 message_view_header: Remove subscribers count from the top bar. 
Removed the sub_count element along with its styles and dependent
functions.

Fixes #27361.
 2023-11-17 17:28:54 -08:00
Vector73
95fdf82a53 style: Fix overflow of text. 
Fixes: #27282
 2023-11-17 10:33:42 -08:00
Karl Stolley
6fe49f93ad reactions: Redesign reaction button colors and style. 
See CZO discussion:
https://chat.zulip.org/#narrow/stream/9-issues/topic/Reactions.20background.20color/near/1632171

Also:
https://github.com/zulip/zulip/pull/26580#issuecomment-1705734770

Co-Authored-By: Vlad Korobov <terpimost@gmail.com>
 2023-11-15 14:02:45 -06:00
Karl Stolley
534683a3ff reactions: Express reaction button colors as CSS vars. 2023-11-15 14:02:45 -06:00
Karl Stolley
474dcf60a2 reactions: Unify stream and DM colors, express as CSS vars. 2023-11-15 14:02:45 -06:00
Karl Stolley
a929220d3c message_edit: Add styles for Save and Cancel buttons. 2023-11-15 10:41:51 -08:00
Karl Stolley
8bc12a4ee2 modal_buttons: Make exit button colors in to CSS variables. 2023-11-15 10:41:51 -08:00
Karl Stolley
f1a79085eb message_edit: Build basic multi-line layout for message editing. 2023-11-15 10:41:51 -08:00
Karl Stolley
6890c9d171 left_sidebar: Place unread count right of All DMs icon. 
Also set a CSS variable for header-icon widths in the left sidebar.

Fixes: #27559
 2023-11-15 10:07:04 -08:00
Karl Stolley
5bedbb14b4 compose_box: Rename message-control-button to send-control-button. 2023-11-14 09:21:11 -08:00
Karl Stolley
71468492b7 compose_box: Restore purple color to Send button. 2023-11-13 12:45:13 -08:00
Karl Stolley
609106e2d0 compose_box: Implement redesigned vdots-button styles. 2023-11-13 12:45:13 -08:00
Karl Stolley
bf0e806fed compose_box: Implement redesigned send-button styles. 2023-11-13 12:45:13 -08:00
Aman Agrawal
69d59acc5a inbox: Focus currently selected option in dropdown. 2023-11-10 10:22:18 -08:00
Aman Agrawal
f191efce1b inbox: Add dropdown to filter topics. 
Fixes #27522

Replace `Include muted` checkbox with a dropdown to filter displayed
topics.

Also, adds a new filter to display only followed topics.
 2023-11-10 10:22:18 -08:00
Karl Stolley
3f36c52f41 sidebars: Structurally separate left- and right-sidebar headings. 2023-11-09 17:39:26 -08:00
Karl Stolley
ee32654723 sidebars: Express heading colors as CSS variables. 2023-11-09 17:39:26 -08:00
Anders Kaseorg
9b83dc1b79 stylelint: Fix declaration-block-no-redundant-longhand-properties. 
Signed-off-by: Anders Kaseorg <anders@zulip.com>
 2023-11-08 16:11:15 -08:00
Aman Agrawal
66276d88ef personal_menu: Add different colors for status text. 2023-11-08 10:19:24 -08:00
ecxtacy
f2deb8da46 settings-ui: Change <select> style using custom chevron-down icon. 
Align the `dropdown-widget` and `<select>` UIs.
Removed default `<select>` tag styles with `appearance: none` css.
Added custom chevron-down icon with `background-image` attribute
to the `<select>` tag.

The svg icon is used in a CSS variable with a data URI.
The CSS variable is used to set different colors for dark and light
theme.

Tweaked by tabbott to scope selectors appropriately and also delete a
10px font-size in one settings dropdown widget.

Fixes #26859.
 2023-11-07 16:55:34 -08:00
Karl Stolley
a2ae715226 left_sidebar: Align no-alpha variable for light mode unreads. 2023-11-04 12:50:46 -07:00
Karl Stolley
14ef3a5464 left_sidebar: Display dark-mode condensed unreads without alpha. 2023-11-03 09:33:06 -07:00