Commit graph

268 commits

Author SHA1 Message Date
Lorenz Hübschle-Schneider 2475ad2c61 Bufferlist design attempt 2014-09-17 13:24:27 +02:00
Lorenz Hübschle-Schneider 611abdf51a Use "off" glyphicon instead of "remove"
Needs a few fixes to not look disproportionately large next to the cog.
Also remove that sodden trailing space.
2014-08-24 17:14:35 +01:00
Tor Hveem 7baffb15e0 Fix word breaking
Use break-all to force breaking in all browsers.
2014-08-14 15:35:40 +02:00
Lorenz Hübschle-Schneider 6d988069c7 Add asynchronous GitHub Gist embedding plugin
requires a few selectors to be more precise in our CSS
2014-08-09 14:18:13 +01:00
Lorenz Hübschle-Schneider 6f5047fb68 Add indicators to the accordion so people will notice it's actually there 2014-08-07 18:41:18 +01:00
Nick Singer d03b5b8a07 modified stylesheet and index.html for a better looking connection form 2014-07-31 22:14:22 +02:00
Lorenz Hübschle-Schneider cd4b5c8abe Display HTML colour codes inline 2014-07-31 14:20:42 +01:00
David Cormier 01a1d79a54 Remove font definition from css file
The font for the .favorite-font class is now set programmatically
2014-07-25 09:43:07 -04:00
David Cormier 7c5a396171 Rename 'monospace' class to 'favorite-font' 2014-07-24 21:36:56 -04:00
Lorenz Hübschle-Schneider 7a374740af Fix rendering of settings dialog on mobile 2014-07-23 19:22:23 +01:00
Lorenz Hübschle-Schneider bc958a3f7b Fix modal so that it reliably works on all plattforms 2014-07-20 11:40:23 +01:00
Lorenz Hübschle-Schneider 73dcddac0e increase max height of accordion fields for mobile 2014-07-19 15:05:14 +01:00
Lorenz Hübschle-Schneider 4259b070de Fix modal height and accordion in firefox 2014-07-19 15:05:14 +01:00
Lorenz Hübschle-Schneider 7d5bc0f078 Accordion without jQuery / bootstrap js
it's not quite 100% as nice though
2014-07-19 15:05:14 +01:00
Lorenz Hübschle-Schneider 23fb4da05a Implement modal without bootstrap.js and jQuery 2014-07-19 15:05:14 +01:00
Tor Hveem 018feb2fd5 Merge pull request #368 from glowing-bear/sidebar-animation
[PLEASE TEST] Animate sidebar with CSS transitions
2014-07-18 15:18:53 +02:00
Tor Hveem 98c4f35fef Merge pull request #366 from glowing-bear/linebreak
[PLEASE TEST] Fix line breaks on mobile by shifting around padding
2014-07-18 15:11:50 +02:00
Lorenz Hübschle-Schneider 97cf908932 Prevent embeds from overflowing
Fixes #347
2014-07-18 13:47:18 +01:00
Lorenz Hübschle-Schneider 8816fe221e Animate sidebar with CSS transitions 2014-07-18 13:46:01 +01:00
Lorenz Hübschle-Schneider 6e0e1d122f Change order of default monospace fonts, remove Terminus
Having a bitmap font as first choice is really stupid, as noted
by @Evropi in #322 (this fixes #322)

As Inconsolata is a wonderful font that has the advantages of
a monospace font combined with a level of readability that is
otherwise reserved to sans-serif fonts, I think it should be first
in the list.
2014-07-18 12:43:19 +01:00
Lorenz Hübschle-Schneider fcfd9fce91 Make it pretty 2014-07-17 15:06:39 +02:00
Lorenz Hübschle-Schneider cffeef030b Fix line breaks on mobile by shifting around padding 2014-07-15 15:50:24 +01:00
Kramer Campbell 9aa6a374cd Add option to show seconds in timestamps. 2014-06-23 09:34:27 -07:00
Lorenz Hübschle-Schneider ffde1422e0 Fix highlighting of channel upon selection in mobile firefox 2014-06-10 15:51:56 +01:00
Lorenz Hübschle-Schneider f5dde0163b Sans-serif on mobile, smaller margins, bigger nicks
@torhve: smaller margins! just click merge right now? ;)
2014-06-10 15:51:52 +01:00
Lorenz Hübschle-Schneider beb640493d Make timestamps smaller and all the same colour on mobile
Different colours on mobile don't really work: either they're too similar to
distinguish (and then it just looks strange), or they're too dark to be visible.
2014-06-07 19:52:22 +01:00
Lorenz Hübschle-Schneider c4ad663f56 Fix colours on mobile
@creesch introduced this change, but I'm not sure why
2014-06-07 19:52:22 +01:00
Lorenz Hübschle-Schneider f69a1ce3c4 Fix scrolling on landing page (mobile) 2014-06-07 19:52:22 +01:00
Lorenz Hübschle-Schneider b21e788ab2 Adjust to actual mobile devices, not small browser windows 2014-06-07 19:52:22 +01:00
Lorenz Hübschle-Schneider 2be3ac7f99 Improve mobile design 2014-06-07 19:52:22 +01:00
Lorenz Hübschle-Schneider f3b20c1567 Layout fixes
- make buffer-/nicklist items that line up with the input bar clickable (z-index)
- add back padding for inputbar with nicklist on mobile
2014-05-26 19:37:10 +01:00
Lorenz Hübschle-Schneider 99296d2a51 Fix input bar bleeding into nicklist & mobile input bar jumps
Closes #298
2014-05-21 11:18:02 +01:00
Tor Hveem 2e70603247 Use shades of gray instead of green readmarker. Fixes #212
Also more space above and under it.
2014-05-13 14:19:10 +02:00
Lorenz Hübschle-Schneider 116e984ac8 Add space to bottom of bufferlines 2014-04-30 09:01:42 +01:00
David Cormier c104385834 css: merge body tags 2014-04-29 21:31:49 -04:00
Tor Hveem fb2134736c Pixel adjustments to attempt perfectly align icons in top bar 2014-04-29 21:31:49 -04:00
Tor Hveem dc077ac903 Improve CSS layout. Fix 98% bug that affects chrome/ff differently.
Conflicts:
	css/glowingbear.css
2014-04-29 21:31:49 -04:00
Tor Hveem a2969adf9b Remove old cruft 2014-04-29 21:31:48 -04:00
David Cormier 1480f953c7 Merge pull request #271 from torhve/multiline
Revert the revertion of multiline and clean it up for new directive.
2014-04-26 12:54:51 -04:00
Tor Hveem 20a8289072 Revert the revertion of multiline and clean it up for new directive. 2014-04-26 18:16:46 +02:00
Lorenz Hübschle-Schneider 18d1f4716b Revert "use ng-if to hide date instead of css"
That actually decreases performance, because it adds a watcher to every line

This reverts commit 16365db588.
2014-04-26 16:50:04 +01:00
Lorenz Hübschle-Schneider 16365db588 use ng-if to hide date instead of css 2014-04-26 10:48:19 -04:00
Lorenz Hübschle-Schneider c32ccb8749 Don't cut off bottom part of last line in firefox
It ignores the padding in the #bufferlines diff. It's still off on small windows, but
a lot better than before. You can't make up the stupid things browsers do.
2014-04-21 18:31:37 +02:00
Lorenz Hübschle-Schneider 517a473b94 Improve mobile readability by putting whitespace between messages, not lines
This generally removes a lot of whitespace on mobile while still improving readability
In particular, it makes it easier to see which lines belong together
2014-04-18 14:32:50 +02:00
David Cormier 2719caf956 Revert "Bring up number keypad for port on mobile phones, URL for address"
This reverts commit bbcdada331.
2014-03-18 14:57:34 -04:00
David Cormier d18cc78626 Merge pull request #236 from lorenzhs/notimestamp
respect notimestamp setting on mobile
2014-03-17 16:53:01 -04:00
Lorenz Hübschle-Schneider 17cede5b68 respect notimestamp setting on mobile
marking the display: none as important gives it priority over
the display:inline for td.time on mobile
2014-03-15 16:27:36 +00:00
Lorenz Hübschle-Schneider bbcdada331 Bring up number keypad for port on mobile phones, URL for address
An alternative would be type="tel", which has bigger number buttons for me,
but it seems wrong to use.
2014-03-14 14:52:23 +00:00
Lorenz Hübschle-Schneider f2680419b6 Use svg logo on landing page 2014-03-10 17:32:22 +00:00
Lorenz Hübschle-Schneider 2227e31fe4 Bigger logo on landing page
I rendered the svg with inkscape
2014-03-09 10:32:35 +00:00
Felix Eckhofer aa4a78d7eb Remove margin-right from #topbar.actions
If this is nonzero, content from div.title can overflow into the right margin of the buttons.
2014-03-05 09:06:14 +01:00
Lorenz Hübschle-Schneider 9188cabbbc Larger icons 2014-03-01 19:21:13 +00:00
Felix Eckhofer 91e85400e9 Add some padding around the logo
This looks nicer with the new "glowing bear"
2014-03-01 12:40:36 +01:00
Lorenz Hübschle-Schneider 78432793c9 Restore line padding values to Bootstrap 3.0.X value for better readability 2014-02-27 21:16:53 +00:00
Tor Hveem d21267289c Modal for settings instead of dropdown 2014-02-27 08:09:50 -05:00
Tor Hveem 5ac710a694 Fixes warnings in console with getelementid in firefox 2014-02-27 08:09:50 -05:00
Lorenz Hübschle-Schneider 5938bbb436 Further improve mobile layout
* Dynamic sidebar width
* Add padding so that entire sidebar is shown when scrolling is needed
  * this also applies to desktop, btw
2014-02-23 13:39:26 +00:00
David Cormier 335e31fa1f Merge pull request #173 from lorenzhs/mobilescroll
Improve mobile behaviour
2014-02-22 22:27:15 -05:00
Lorenz Hübschle-Schneider 40492cf519 Adaptive nicklist width 2014-02-22 11:48:58 +00:00
Lorenz Hübschle-Schneider 5a7ed13c70 Increase size of bufferlines on mobile
We had 10px+2% space on the bottom, that's pretty wasteful
2014-02-22 11:38:45 +00:00
Lorenz Hübschle-Schneider 4c56d096ac Thinner scrollbars and larger buttons on mobile
Give those buttons a size where there's at least a chance to hit them with a finger
2014-02-22 11:14:37 +00:00
Lorenz Hübschle-Schneider 0d580cc1d2 Fix scrolling on mobile devices
Previously, we were scrolling the div, not its contents, as it grew infinitely.
2014-02-22 11:14:07 +00:00
Tor Hveem 056aa3deed Use CSS classes instead of javascript for margin 2014-02-21 15:35:06 +01:00
Tor Hveem 46b503e1b4 Use ngAnimate to animate sidebar hiding/showing 2014-02-21 09:34:30 +01:00
David Cormier 51cde96bf6 Standardize code presentation
Fix indentation (4 spaces, no tabs)
Fix indentation in CSS
Fix comment position in CSS file
2014-02-19 10:27:46 -05:00
David Cormier 11e5b6fbda Merge development branch of creesch 2014-02-19 09:58:31 -05:00
David Cormier 2e5e3a45eb Revert "Collapse sidebar with css selector"
This reverts commit 3a5dfd5e94.
2014-02-19 09:53:03 -05:00
Creesch 14706d1e33 html&css changes for mobile usage 2014-02-18 14:50:38 +01:00
David Cormier 3a5dfd5e94 Collapse sidebar with css selector
Fixes #152
2014-02-17 20:49:49 -05:00
Lorenz Hübschle-Schneider b553ef2a71 Remove black background on own chat lines
I've had this in my deployment config for a while, I hope you guys agree that it looks much nicer
2014-02-17 12:23:27 +00:00
Lorenz Hübschle-Schneider 8076efc367 Fix display on mobile -- content was partly hidden under top bar 2014-02-10 20:11:13 +00:00
David Cormier ef62ddb267 Merge pull request #112 from lorenzhs/fixtimestampdisplay
Fix timestamp hiding/showing
2014-02-05 09:08:11 -05:00
David Cormier 2835a2deef Merge pull request #120 from lorenzhs/debugbutton
Non-layout-killing debug button ("count watchers")
2014-02-02 06:39:02 -08:00
Lorenz H-S 0ae4d388ff Non-layout-killing debug button ("count watchers") 2014-02-02 11:52:30 +00:00
Lorenz H-S f0fe8be18a Do channel indendation in CSS.
Fixes the issue with new query buffers' titles not being shown.

Doesn't introduce any new watchers
2014-02-02 11:26:43 +00:00
Tor Hveem 0a4ca02ad7 Fix overflowing of title into actions 2014-01-22 11:08:07 +01:00
Tor Hveem 37dbd0bbe7 topbar and css fixes 2014-01-22 11:08:07 +01:00
Tor Hveem f9ba30f102 Collapsable sidebar for mobile sized screens 2014-01-22 11:08:07 +01:00
Lorenz H-S f66623db9b Improve mobile layout
* more densely packed channel switching buttons (increased their size to better match android design guidelines)
* disable zooming
* disable scrolling to the side
2014-01-22 11:08:07 +01:00
Tor Hveem 74a69a5e11 Consume less space on mobile 2014-01-22 11:08:07 +01:00
Lorenz H-S 9b755be7fd Improve mobile layout
* more densely packed channel switching buttons (increased their size to better match android design guidelines)
* disable zooming
* disable scrolling to the side
2014-01-22 11:08:07 +01:00
Tor Hveem f7e0001ca3 Consume less space on mobile 2014-01-22 11:08:07 +01:00
Lorenz H-S 42d993be78 Fix timestamp hiding/showing
Fixes #105
2013-12-26 18:35:30 +01:00
Lorenz H-S 31a300f0ba Fix highlight by moving to end of stylesheet 2013-12-18 14:54:30 +00:00
Lorenz H-S 815f3f4a13 Move highlight style to correct file 2013-12-17 14:44:19 +00:00
Lorenz H-S 2cf47c6161 Visually highlight highlights 2013-12-17 14:37:22 +00:00
David Cormier 026881a29c Revert "Split messages with newline into multiple messages"
This reverts commit 6dd35fa890.

The commit breaks support for chrome.
2013-11-09 12:40:27 -05:00
Tor Hveem 6dd35fa890 Split messages with newline into multiple messages 2013-11-02 17:43:45 +01:00
Tor Hveem c8634185cc Remove space to the right of the scrollbar 2013-10-31 00:33:33 +01:00
Tor Hveem c79c6bdab6 Make chat nick self white to be more in line with standard weechat
But add font weight bold to it so it sticks out a little more
2013-10-31 00:27:50 +01:00
Tor Hveem f7b0b6fffe make the buffers list static width instead of relative 2013-10-31 00:12:31 +01:00
Tor Hveem d57127cc84 make class for embedded image, and fix its height parameter so its
better for small images
2013-10-28 13:32:48 +01:00
Philippe Proulx 0f1bde187a Support colors in nick list 2013-10-27 04:49:59 -04:00
Philippe Proulx 08fd89284e Display host:port in top right corner when connected
Closes #69
2013-10-27 04:08:18 -04:00
Philippe Proulx 07481825e1 glowing-bear.css: fix indentation 2013-10-27 04:08:17 -04:00
Philippe Proulx 9274a918ff Restore monospace/bright style for text inputs 2013-10-27 04:08:16 -04:00
Philippe Proulx 7abd3c17b2 Emphasize self nick 2013-10-26 18:40:39 -04:00
Philippe Proulx 810d09e929 glowingbear.css: fix indentation, remove unused colors 2013-10-26 18:40:38 -04:00
Philippe Proulx e4c4cf16b5 Dim repeated time prefixes instead of hiding them
Makes the whole thing more square, is not too disturbing and makes it
possible to copy a single line with repeated time to include time in
clipboard.
2013-10-26 18:40:38 -04:00
Tor Hveem 1a451fd705 Improve hiding/showing nicklist 2013-10-26 23:17:32 +02:00
Tor Hveem a06916f63e Better styles for nicklist, implement UI for hiding 2013-10-26 22:56:52 +02:00
Tor Hveem 404f8c8cba Implement nicklist 2013-10-26 22:19:13 +02:00
Tor Hveem 7449a5dcd3 Fix line ending 2013-10-26 20:08:08 +02:00
Tor Hveem 66963d8329 Style chat time. Hide lines with repeated time 2013-10-26 20:07:21 +02:00
Philippe Proulx cb033146eb style.css: CRLF -> LF 2013-10-26 13:55:14 -04:00
Philippe Proulx ddf491e8f0 Reduce attribute names length 2013-10-26 13:54:51 -04:00
Philippe Proulx bc14f295e3 Darken default text color a bit 2013-10-26 13:51:41 -04:00
Philippe Proulx 2d90c66dfa Subtle bufferline hover background color
This helps reading long lines by providing a visual linear horizontal
guide.
2013-10-26 04:58:23 -04:00
Philippe Proulx e019c8ea8b Minor UI improvements 2013-10-26 04:41:38 -04:00
Philippe Proulx f15878b533 Colors look better on a slightly darker bg 2013-10-26 04:31:58 -04:00
Philippe Proulx 9772da0095 Implement full support of WeeChat text styling 2013-10-26 04:30:35 -04:00
Tor Hveem c9f7e9a732 Make scrolling into the bufferlines div, not the whole window
This should improve scrolling experience, especially on webkit.
It also is needed for when nicklist will appear
2013-10-25 22:19:23 +02:00
Tor Hveem 5fb4ea2758 Larger font for input, clean CSS 2013-10-25 21:56:53 +02:00
Tor Hveem d3aa1d768d Only store password if user requests it. 2013-10-25 13:45:29 +02:00
Vivien Didelot 3720ef686e Merge Tor's 'torhve/ffapp' work
This branch adds App support for both Chrome and Firefox.
The reference was https://github.com/torhve/glowing-bear/tree/ffapp
2013-10-22 10:35:51 -04:00
Tor Hveem cde0dbedc5 Style the badges 2013-10-22 16:09:31 +02:00
Tor Hveem abed2b753f Make the white border on the panels pretty 2013-10-22 13:35:55 +02:00
Tor Hveem 9409cabc08 Style the alert to be in line witht the rest of the design 2013-10-19 13:02:31 +02:00
Tor Hveem 6fb59dd268 give the actions in topbar some air and a line 2013-10-19 12:45:16 +02:00
Tor Hveem 7c0192ea75 13px is way too small, if anything it should be bigger 2013-10-18 15:49:38 +02:00
Philippe Proulx 9cd637704e Decrease bufferlines font size 2013-10-17 16:11:59 -04:00
Philippe Proulx 86e1b442b9 Add Terminus and Inconsolata to default fonts 2013-10-17 15:53:30 -04:00
Philippe Proulx c8644f70ba Make the buffer text a little higher over the input bar
This is because the glow around the input bar falls a little bit over
the buffer text and it's annoying.
2013-10-17 15:53:30 -04:00
Philippe Proulx 6b8f5b5a0f Fix prefix wrapping again
nowrap is not enough because it still breaks on hyphens sometimes. But
since we're using pre now, we need to make sure no whitespace/newline is
around each <span> because they will be outputted.
2013-10-17 15:52:35 -04:00
Tor Hveem 2bd438f6a7 Make text inputs dark insets 2013-10-17 11:33:12 +02:00
Tor Hveem c77746695f Improve behaviour of top line
use positition fixed to eliminate problem with title being too long and
pushing the content to being two lines instead of one
2013-10-17 10:42:31 +02:00
Tor Hveem 96a96af7c8 Beautiful lines 2013-10-16 23:29:52 +02:00
Philippe Proulx e460cf0d34 Add right border to prefix column
Closes #52
2013-10-16 16:10:25 -04:00
Philippe Proulx e78cb8f486 Improve bufferlines monospace style
Closes #23 #50
2013-10-16 15:51:59 -04:00
Philippe Proulx 716217cf6a Fix chat prefix wrapping
Closes #49
2013-10-16 15:39:40 -04:00
Tor Hveem b56e51b9d5 try to fix small visual problems with topbar 2013-10-16 16:04:37 +02:00
Tor Hveem a1124ee9df attempt to improve the look of the badges and the bufferlist 2013-10-16 15:24:21 +02:00
Tor Hveem cf8325b21b Implement drop down menu for top bar for options 2013-10-16 15:09:27 +02:00
Tor Hveem a8413f2811 style webkit scrollbars 2013-10-16 14:55:15 +02:00
Tor Hveem 70ff24bd10 add a disconnect button 2013-10-16 14:44:44 +02:00
Tor Hveem 03523da2f4 attempt at bettering look for sidebar 2013-10-16 14:36:28 +02:00
Tor Hveem ce22e44534 Use point icon for ng-click 2013-10-16 14:25:07 +02:00
Tor Hveem b40ff4fb43 include a topbar with title 2013-10-16 14:13:23 +02:00
Tor Hveem b6197ad4a7 Turn off border radius for inputs 2013-10-16 13:48:49 +02:00
Tor Hveem e324a5fa2d Use sans serif font for buttons 2013-10-16 00:41:04 +02:00
Tor Hveem 001024db7d Collapse for frontpage, and style inputs 2013-10-15 16:09:08 +02:00
David Cormier d3f844acb4 Fix wrapping and set all vertical alignment of cells to top 2013-10-13 12:29:18 -04:00
Tor Hveem fc8714b4d4 Fix bug with readmarker 2013-10-12 21:06:59 +02:00
Tor Hveem ee890222c5 implement last read marker 2013-10-12 21:06:59 +02:00
David Cormier c3ce6b3da8 css: use pre instead of pre-wrap to avoid wrapping '--' messages 2013-10-12 12:56:47 -04:00
Tor Hveem 9d8bdc0dc5 fix both word break and pre 2013-10-12 12:18:05 +02:00
Tor Hveem 9969c826b8 Use classes instead of ids 2013-10-12 11:49:14 +02:00
David Cormier 8057c0639c Align nicks on the right. Fixes #19. 2013-10-11 20:37:11 -04:00
Tor Hveem c91b56f776 Padding > Margin 2013-10-12 00:36:58 +02:00
Tor Hveem 56d7b4215e Bufferlines need extra margin to not go under input bar 2013-10-11 23:53:19 +02:00