Tim Abbott
3ef0d6016c
copy: Fix copy-pasting of EDITED notices in messages.
...
Previously, because the parens were added via CSS, copy-pasting the
EDITED notices resulted in junk like this:
Iago 3:51 PMEDITED
edited message content
Now, you get:
Iago 3:51 PM (EDITED)
edited message content
2018-11-27 16:20:46 -08:00
Jeswin
a5b533ba64
portico: Fix placement of "this field is required" notice.
...
The "This field is required" notice for the "organization URL" field
was improperly overlapping the server's root domain.
Fixes #10865 .
2018-11-27 15:40:53 -08:00
Tim Abbott
bddf23894d
buddy list: Add marker for which user is yourself.
...
This helps make clear what's going on with the potentially confusing
"you" user.
2018-11-27 15:07:58 -08:00
Vishnu Ks
189e5e1fbd
billing: Add frontend for upgrading by invoice.
2018-11-24 11:56:13 -08:00
Yashashvi Dave
89eebad14f
user profile: Add user type/role in user profile popover.
...
Add user type/role in user's detail profile popover.
Fixes part of #10754
2018-11-12 15:13:44 -08:00
Roger Souza
f445a71272
hello: Fix responsiveness bug when page is at 800px.
2018-11-05 10:20:34 -08:00
Rishi Gupta
04acb624b6
portico: Add background image to /why-zulip hero.
2018-11-01 11:59:50 -07:00
Rishi Gupta
de12facdc6
portico: Add background image to /security hero.
...
Also restructures the HTML to be more similar to other pages that have a
background image for their hero.
2018-11-01 11:59:50 -07:00
Rishi Gupta
2718bf27e7
portico: Fix spacing for logged-in dropdown in nav bar.
2018-11-01 10:41:30 -07:00
Tim Abbott
8673b4f4a6
compose: Use a more reasonable plus sign for opening send menu.
...
This icon styling definitely still doesn't look great, but it's an
improvement over what we had before.
2018-10-31 16:59:16 -07:00
Marco Burstein
502e9fe8a6
compose: Open the mobile compose popover when the `+` button is pressed.
...
The `+` button will only be displayed on mobile devices.
2018-10-31 16:47:48 -07:00
Marco Burstein
05b486182d
compose: Create the mobile compose popover.
...
When a user clicks the compose `+` button, create a popover at the
bottom right of the screen including buttons for opening a new stream
message or a new private message.
2018-10-31 16:47:48 -07:00
Marco Burstein
9249d08a96
compose: Create the mobile compose `+` button.
...
Use CSS to display a `+` button on mobile but keep the more verbose
buttons on desktop. In the future, this button will be used to display
a popop for a new message.
2018-10-31 16:47:48 -07:00
Rishi Gupta
458169928c
billing: Rename Zulip Premium to Zulip Standard.
2018-10-24 10:42:16 -07:00
Vishnu Ks
53f1714613
stripe: Fix the button glitch in /upgrade page.
2018-10-24 10:12:39 -07:00
Rishi Gupta
b60005c5bb
history: Add NSF and GSoC logos in a new support section.
2018-10-19 15:50:09 -07:00
Cynthia Lin
f03d7d29b5
styles: Convert named colors to HSL values.
2018-10-16 13:14:19 -07:00
Cynthia Lin
cbb6b3a1af
styles: Normalize differences in previous hex-to-HSL conversion.
2018-10-16 13:14:19 -07:00
Cynthia Lin
89d81b37d4
styles: Convert background properties to background-color.
2018-10-16 13:14:19 -07:00
Cynthia Lin
67b705207e
styles: Convert 3-digit hex values to HSL values.
2018-10-16 13:14:19 -07:00
Cynthia Lin
926365dc89
styles: Convert 6-digit hex values to HSL values.
2018-10-16 13:14:19 -07:00
Cynthia Lin
c0edcf6fe4
user profiles: Remove empty space under profiles with no set fields.
...
Fixes #10652 .
2018-10-14 09:37:18 -07:00
Steve Howell
b7f764aa29
settings: Add confirm_dialog module.
...
This module makes it really easy to create are-you-sure
dialogs for dangerous operations.
Basically it's one function with five parameters. You
give three chunks of HTML, a callback function, and
a parent container.
The first use of this will be in settings_user_groups,
coming up in a couple commits.
2018-10-12 10:37:06 -07:00
Tim Abbott
792b08c3b8
auth: Remove unused CSS/HTML for social auth buttons.
...
The margin-left CSS was incorrect and overridden anyway, and after
removing that, login-github-button no longer appeared in the project.
2018-10-11 17:18:04 -07:00
Tim Abbott
fd4c23e12d
login: Clean up CSS/HTML for google/github login buttons.
...
This removes some unnecessary code duplication in the CSS classes for
Google and GitHub authentication social auth buttons.
This will, in turn, help us avoid extra work every time we add a new
authentication backend.
2018-10-11 16:52:41 -07:00
Akash Nimare
f9179e9903
login: Vertically align the buttons.
...
This sets the padding top to 13px so that it matches with
the bottom padding.
2018-10-10 11:57:44 -07:00
Akash Nimare
f00cd549cd
login-page: Make the buttons and labels cleaner.
...
Changes -
a) Updated the border-radius to 4px for all the buttons.
b) Increased the margins between the labels and inputs.
These changes affect the login and register page's styling.
2018-10-10 11:57:44 -07:00
Akash Nimare
3e72db8c62
devlogin: Update the border-radius of all the buttons.
...
This commit updates the border-radius of the buttons presents
on the /devlogin page.
2018-10-10 11:57:44 -07:00
Akash Nimare
da7adb038f
thumbnail: Show play button on hovering youtube thumbnail.
...
This PR adds a play icon on hovering the youtube thumbnails.
Also, shows the pointer cursor on vimeo videos instead of
zoom-in.
2018-10-09 16:12:36 -07:00
Rishi Gupta
4265b8e62f
user docs: Soften the h1 underline in the sidebar.
2018-10-09 15:23:07 -07:00
Cynthia Lin
6d0aa68591
custom profile fields: Add and restyle default user profile fields.
...
Refactor selectors to utilize SCSS features.
Fixes some issues in #10545 .
2018-10-04 17:02:09 -07:00
Cynthia Lin
1a198b6a79
left sidebar: Eliminate duplicate border for stream sidebar icon.
...
Resolves one of the issues listed in #10423 .
2018-10-02 12:08:42 -07:00
Akash Nimare
138cef0906
hotspots: Change styling of intro to reply hotspot.
...
Updated the styling so that it looks like other hotspots.
2018-10-02 11:38:26 -07:00
Cynthia Lin
95fc86442e
tools: Improve styling of /devtools page.
...
We readapt styling from documentation pages and add the `.flex`
class to the element to resolve the header issue.
Replaces and closes #10461 .
2018-10-02 11:30:29 -07:00
Akash Nimare
a9c32b535f
settings: Properly align preview profile button.
2018-09-27 13:17:03 -07:00
Akash Nimare
9a63685338
team: Decrease the margin in profile description.
...
Also removed unnecessary margins.
2018-09-27 13:09:05 -07:00
Akash Nimare
0e7e19355a
team: Minor design fixes.
...
Decrease the font-size of profile description.
Add a maring to "Last updated" text and fix the
font-size for the same.
2018-09-27 13:09:05 -07:00
Rishi Gupta
5774300364
right sidebar: Change media cut-off for where we hide the buddy list.
...
This was last changed in 88951d6
from 975 to 1025, but I think that wasn't
quite aggressive enough.
2018-09-27 07:29:32 -04:00
Vishnu Ks
5a6b2ebb1f
billing: Add ability for users to change their card.
2018-09-24 19:25:26 -07:00
Akash Nimare
17c541fedf
help: Add a bottom border in section headings.
...
This commit adds a bottom border to all the section
headings.
2018-09-21 12:32:24 -07:00
Akash Nimare
4e176b97b2
help: Align down arrow to the right.
...
This commit changes the position of the down arrow
from left to right since it more intuitive to have
the arrow in the right side.
2018-09-21 12:32:24 -07:00
Vishnu Ks
9fa5030c2c
billing: Fix the glitch in upgrade button.
...
Previously, the button would show a broken intermediate state after you
clicked "Pay" in the Stripe modal but before the page reloaded.
2018-09-13 14:36:19 -07:00
Akash Nimare
dbd68081b2
message-box: Show zoom-in cursor on hovering over images.
...
This PR adds a zoom-in cursor to all the images in the
message-box container. This makes the UX of clicking on
images better.
2018-09-13 07:45:14 -04:00
Vishnu Ks
d6b548bd57
styles: Extract billing SCSS into its own stylesheet.
2018-09-11 00:08:38 -07:00
Vishnu Ks
c913eafdf4
portico: Change buttons on /plans to reflect current plan.
2018-09-05 13:44:35 -07:00
Cynthia Lin
1ab4d08258
right-sidebar: Improve keyboard shortcuts icon styling.
...
* Eliminate unnecessary div element wrapping around the icon and
change jQuery selectors accordingly
* Set initial position through CSS instead of JS
* Set color to inherit to prevent night mode issues.
2018-08-31 13:36:17 -07:00
Marco Burstein
60a47e3532
team: Prevent tabs from wrapping on the default width.
...
Wrap all inputs tabs and inputs in `.contributors-list`, and increase
the width of that `div` to be 80px larger than the width of the other
content in order to fit each tab.
2018-08-28 16:45:00 -07:00
Marco Burstein
f681d0ca2b
team: Lazy-load repository tabs.
...
Instead of rendering tabs upfront, initialize them to a `Loading…`
indicator and then render them when clicked.
Use a `rendered_tabs` object to cache rendered HTML strings instead of
re-loading a tab (e.g. if it is selected, another tab is selected, and
then it is selected again).
2018-08-28 16:45:00 -07:00
Akash Nimare
17d935e9f0
popovers: Use same styling for all the popovers.
2018-08-28 16:43:32 -07:00
Yashashvi Dave
1400a040fd
user settings: Improve style of "Preview profile" btn.
...
This commig update button to show user profile in user
settings. This commit change text in button, add external
link icon and change style of button.
2018-08-28 13:59:45 -07:00
Cynthia Lin
e92ec362ca
popovers: Show line breaks in Long type fields in user profile popovers.
2018-08-27 17:38:15 -07:00
Yashashvi Dave
1c14e0166c
user profile popover: Enhance popover style.
...
This commit make changes in style of exit-sign of modal,
and also remove spacing between fields in modal.
2018-08-27 17:26:07 -07:00
Marco Burstein
76511aeed6
settings: Add a minimum width to "person picker" custom fields.
...
Empty "person picker" fields appear with a much smaller width than all
other custom fields. Increase the `min-width` of the field that it
matches the widths of other text boxes.
Fix #10414 .
2018-08-26 23:05:10 -07:00
Akash Nimare
44fd3f124c
topic_edit_form: Update styling of topic edit form.
...
Updated the CSS a bit so that it matches with other inputs.
2018-08-23 11:51:20 -07:00
Marco Burstein
21d537d3bd
styles: Fix the oversized search bar on mobile.
...
On mobile devices, the search bar appears as too tall for the rest of
the top header. Fix this by setting `#search_query`'s height and
vertical alignment properties.
Fix #10373 .
2018-08-22 13:15:08 -07:00
Tim Abbott
1768fd2f60
Revert "left-sidebar: Add max-height to private message container."
...
This caused ugly scrollbar problems on Linux.
This reverts commit 321b705591
.
2018-08-21 14:03:15 -07:00
Marco Burstein
fa95ba9812
style: Fix the stream and user list buttons on mobile in night mode.
...
These buttons are displayed with a lighter background than other
buttons. Update their borders and background colors (along with the
border on the search box) so that they match the night theme.
Fix #10301 .
2018-08-21 12:42:06 -07:00
Yashashvi Dave
9812b81a1e
user pills: Rename class `notmem` to `not-editable` for generalization.
2018-08-21 11:50:01 -07:00
Yashashvi Dave
150ea61271
custom profile field: Improve style of user pills in user type field.
...
Improve style of user pills in user-type-custom-field on
account settings page.
2018-08-21 11:42:59 -07:00
Yashashvi Dave
03f5422ce8
custom profile field: Minor tweaks in field-table in admin settings.
...
This commit add minor changes in profile field table in
admin settings:
- Hide table header if there is no field
- Fix width of table column
2018-08-21 11:42:59 -07:00
Yashashvi Dave
66c2b6d2a6
custom profile field: Remove unnecessary table header from edit form.
...
Remove unnecessary table header in edit-choice-field form.
2018-08-21 11:42:58 -07:00
Max Nussenbaum
eaefa31969
portico: Fix mis-sized bullets.
...
This fixes the mis-sized text in the bulleted lists on /for/
working-groups-and-communities (and some other pages), by ensuring
p tags inside li tags don't get font-size styling applied to them
twice.
2018-08-21 11:34:39 -07:00
Akash Nimare
dab75e4990
help: Fix styling of emoticons on help pages.
2018-08-17 11:37:29 -07:00
Akash Nimare
321b705591
left-sidebar: Add max-height to private message container.
...
This fixes a UI bug where if a user had a lot of recent private
message threads, they'd take over the entire left sidebar.
This was caused by not setting the max height of users list in private
message container.
Fixes : #5384 .
2018-08-14 10:18:34 -07:00
Cynthia Lin
452389df0d
night mode: Fix coloring of message edit info tooltip.
2018-08-13 16:17:15 -07:00
Cynthia Lin
f3fb616d17
night mode: Improve styling of user groups in night mode.
2018-08-13 16:17:15 -07:00
Cynthia Lin
300c4c496f
user groups: Display error on user group name edit failure.
...
Fixes #10234 .
2018-08-13 16:13:49 -07:00
Cynthia Lin
b63efb4f5d
settings: Remove duplicate color property for alert notifications.
2018-08-13 16:13:49 -07:00
Cynthia Lin
736388b4df
user groups: Improve styling of user groups in admin view.
2018-08-13 16:13:49 -07:00
Akash Nimare
ee1f87494d
portico: Remove unused CSS from why-zulip page.
2018-08-13 13:35:17 -07:00
Shubham Padia
3f019cafb2
compose: Improve error handling when subscribing other users to a stream.
...
Instead of displaying a fixed error message inside the yellow bar itself,
now the yellow bar disappears on error and a red compose_error is shown.
The error message is the one returned from the server.
2018-08-13 10:18:35 -07:00
Max Nussenbaum
18449c7c57
upgrade: Fix horizontal centering on annual/monthly buttons.
...
This fixes the annual/monthly selection buttons on the upgrade
page so that the text within them is properly centered.
2018-08-10 22:48:10 -07:00
Max Nussenbaum
e0bd719f5c
upgrade: Fix styling issue on Add Card button.
...
This fixes the active state of the Add Card button, which previously
showed a miscolored blue background on click.
2018-08-10 22:48:10 -07:00
Shubham Padia
165636e0c4
compose: Don't close compose box on clicking bottom right keyboard shortcut.
...
Fixes #9803 .
The compose box closes on any click in the document outside the compose
box except for an element with an anchor tag or in its parents.
This commit adds an anchor tag as parent of the keyboard shortcuts
icon.
2018-08-09 17:51:40 -07:00
Yashashvi Dave
e4bd72ea44
custom profile field: Replace choice-order input with drag-drop rows.
...
Currently, admin user has to add order of custom-field-choice in
input box to create and edit choice-type custom field.
Remove this input boxes and add drag-drop list of custom-field-choices
using Sortable.js.
Fixes #10129
2018-08-08 11:31:15 -07:00
Cynthia Lin
d37a7dd9a7
popovers: Recolor user profile avatar border to fit in night mode.
2018-08-08 11:29:51 -07:00
Cynthia Lin
16518aaa34
night-mode: Change coloring of disabled items to fit night mode.
2018-08-08 11:29:49 -07:00
Cynthia Lin
89dbfc2926
night-mode: Fix stream creation loading indicator background color.
2018-08-08 11:29:49 -07:00
Cynthia Lin
ecbc58c586
settings: Fix color styling for nested inputs to work in night mode.
2018-08-08 11:29:48 -07:00
Cynthia Lin
a001e8d6ec
night-mode: Fix color of clear search button for filter inputs.
2018-08-08 11:29:45 -07:00
Cynthia Lin
d46ad47bd2
night-mode: Fix broken selector for legacy searchbox styling.
2018-08-08 11:29:36 -07:00
Marco Burstein
5a160c66b7
night-mode: Add styles for disabled buttons.
...
Also create the similar styles for the hovered state.
2018-08-07 10:19:44 -07:00
Priyank Patel
97d93ec8cb
group pms: Fix unread count not on the same line of text.
...
Fixes #10199 .
The issue was observed on Chrome v68 while it was not reproduced
on Chrome v64.
2018-08-05 16:04:07 -07:00
Abhilash Verma
8826ea1eaf
settings_emoji: Reduce size to 20px in custom emoji list.
2018-08-04 09:40:52 -07:00
Yashashvi Dave
aa14d24618
settings: Fix color of icons in custom profile settings.
2018-08-02 17:27:28 -07:00
Tim Abbott
97711ce083
settings: Remove useless duplicated margin-top.
...
We only needed this margin for the "filter settings" CSS, and it
doesn't take effect anyway due to CSS precedence.
2018-08-02 17:26:56 -07:00
Tim Abbott
0984d876ed
settings: Fix styling for admin_filters_table.
...
Apparently, the 20px top margin was being overriden because it wasn't
deeply layered enough.
2018-08-02 17:24:38 -07:00
Tim Abbott
786501f707
buddy list: Shrink #user_presences to 95% width.
...
This fixes annoying problems where the scrollbar at the right of the
buddy list looks bad where it overlaps the buddy list.
2018-08-02 16:57:25 -07:00
Steve Howell
94884a4418
buddy list: Introduce buddy_list_wrapper div.
...
This new div allows us to split out two concerns:
semantic list of items - remains in #user_presences
widget real estate - controlled by new #buddy_list_wrapper
We will use this for progressive rendering. We want to add
padding to the buddy list without messing with the integrity
of the actual HTML '<ul>' list. (One ugly alternative would
have been to add a dummy list item, which be a pitfall for
any code traversing the list.)
Basically, all the code relating to click handlers and similar
things was left alone. We only change js/css related to
scrolling, resizing, and overflow.
2018-08-02 16:56:50 -07:00
Cynthia Lin
0f34e2fe3c
subs: Fix broken streams list header/search container in Safari.
...
Fixes #10064 .
2018-08-02 09:55:32 -07:00
Cynthia Lin
9efe907ef1
night_mode: Use nested selectors to change night mode element styling.
...
This is a SASS-exclusive feature that simplifies a majority of the night
mode selectors.
2018-07-31 17:41:27 -07:00
Cynthia Lin
0314d63e7a
night_mode: Improve legacy searchbox styling to fit night mode.
2018-07-31 17:41:27 -07:00
Cynthia Lin
ae48010158
night_mode: Improve pill searchbox styling to fit night mode.
2018-07-31 17:41:27 -07:00
Cynthia Lin
cdbb38096a
night_mode: Fix broken background color for user profile.
2018-07-31 17:06:11 -07:00
Akash Nimare
cc6af84a08
portico: Redesign download button on apps page.
...
This PR updates the styling of download button so
that it matches with the other buttons on portico pages.
Partially fixes #10104 .
2018-07-31 14:18:28 -07:00
Shubham Padia
3e6eb360c4
stream edit: Remove bottom margin from `sub_settings_title`.
2018-07-31 11:12:09 -07:00
Akash Nimare
57ed871800
pill: Fix broken width of input-pill.
...
This PR fixes a UI bug which was caused by removing
the width of pill-container.
This issue was only visible in night mode.
2018-07-31 09:45:12 -07:00
Shubham Padia
5bf6e55778
search pills: Fix visual bugs due to CSS refactoring of input pills.
...
Changed search pill padding, `.navbar-search` flex-wrap to match with
the CSS refactoring in 66df4e3e84
.
The `height: 100%` changes to `.navbar-search` and `.input-append`
make up for the issue in which the pills overflowed in the mobile
view due to `.navbar-search` height being declared 40px explicitly
while the actual heiight in mobile view was shorter.
2018-07-27 10:54:09 -07:00
Aditya Bansal
5190f4c51a
stylesheets: Fix coding style to comply with stylistic rules.
2018-07-27 00:15:58 -07:00
Aditya Bansal
5bca93d147
hotspots.scss: Fix styling to conform to stylistic rules.
2018-07-27 00:15:58 -07:00