Commit graph

268 commits

Author SHA1 Message Date
Johan Stenehall 3ce93122a3 Handle mobile breakpoints correctly 2015-03-29 16:33:31 +02:00
Tor Hveem 9ed6c4ad25 fix topbar links color 2015-03-29 16:29:39 +02:00
Tor Hveem d2bd6d3bc7 fix hover on active buffer 2015-03-29 16:27:48 +02:00
Tor Hveem 27d8293b06 no box shadow on btn send 2015-03-29 15:26:25 +02:00
Tor Hveem 7c2b2d98e8 fix button align and colors 2015-03-29 15:18:38 +02:00
Tor Hveem 210165daf7 Improve footer, more monochrome dark design 2015-03-29 14:05:25 +02:00
Lorenz Hübschle-Schneider d8457fc37c Adjust topbar sizes
Increase mobile title bar size
22px seems to be a standard tap target
The bear needs to be a bit bigger on mobile because of borders etc
2015-03-27 09:56:38 +01:00
Tor Hveem 5e83401782 Merge pull request #582 from stenehall/shrink-icons
Allow for more elements in the brand toolbar section
2015-03-26 17:34:07 +01:00
Johan Stenehall 3b0b71cfcb Allow for more elements in the brand toolbar section 2015-03-26 16:47:03 +01:00
Tor Hveem c764390c93 Merge pull request #581 from stenehall/count-in-topbar
Hide badges for phones.
2015-03-26 16:44:47 +01:00
Johan Stenehall 109d827d5d Fix broken < 1400px display and broken light color theme 2015-03-25 17:49:12 +01:00
Johan Stenehall edc0e2e0ff Hide badges for phones. 2015-03-25 17:31:16 +01:00
Tor Hveem 10adc201a6 Merge pull request #576 from stenehall/update-topbar
Update topbar
2015-03-25 00:46:54 +01:00
Johan Stenehall bf706d1483 Add prefix for buffers in topbar 2015-03-25 00:41:31 +01:00
Tor Hveem 33f2b81f65 Merge pull request #573 from stenehall/shrink-icons
Shrink nav icons
2015-03-25 00:25:18 +01:00
Johan Stenehall 18716387b8 Increase click area for topbar icons 2015-03-25 00:00:07 +01:00
Johan Stenehall 2372acf209 Remove topic and add channel name for mobile
* Removing topic from topbar.
* Adding channel name to the topbar.

This is done using visible-lg from bootstrap. As of v3.2.0 it's replaced by visible-lg-block. But that doesn't exist in v3.1.1 that's currently being used by glowing-bear.
2015-03-24 23:29:45 +01:00
Johan Stenehall 1830453d3d Add odd/even backgrounds and increased font-size
* Add odd/even backgrounds for channellist
* Increase font-size for channellist
2015-03-24 23:20:13 +01:00
Johan Stenehall 308a854531 Shrink nav icons
* Shrink the nav icons and bear for a better mobile experience.
* Shrink the nav icons on desktop for a better navbar.
2015-03-24 21:54:13 +01:00
Tor Hveem 99ccd551b6 Enable by default, except on mobile. Convert by default. 2015-03-22 13:11:39 +01:00
Tor Hveem f042f729e1 switch from twitter's emoji lib to emojione 2015-03-21 16:43:46 +01:00
Lorenz Hübschle-Schneider ba31f994ca Merge pull request #558 from glowing-bear/wide-bufferlist
Introduce a new media query list for wide screens
2015-03-21 11:26:40 +01:00
Lorenz Hübschle-Schneider 3d76c1f785 Fix bufferlist CSS transform for WebKit
iOS, Safari, and the stock Android browser (up to 4.4) seem to need this
2015-03-21 11:02:54 +01:00
Tor Hveem fbd4853cb6 Use transform to improve smootheness.
Also push bufferlines in.
2015-03-20 14:11:27 +01:00
Tor Hveem 7029511029 Style the reconnect banner, clean up apply usage 2015-03-14 21:16:45 +01:00
David Cormier b6260e7cc7 plugins: add html5 video support
Shows ogv, mp4 and webm files inside a video tag
2015-03-14 21:16:44 +01:00
Tor Hveem 107ae870d5 Introduce a new media query list for wide screens
This change introduces a new media query that activates if the window is
wider than 1400px. It will then increase bufferlist width from 140px to
200px and nicklist from 100px to 140px.

If someone has better ideas than 1400px as a cutoff I am all ears to
that.

There might also be more changes we could do that further improves upon
this concept.
2015-03-13 14:15:00 +01:00
David Cormier d8c4ba78c1 plugins: add html5 video support
Shows ogv, mp4 and webm files inside a video tag
2015-02-17 09:48:18 +01:00
Lorenz Hübschle-Schneider 849da1b5a2 Implement reconnecting upon connection loss
TODO: test in various conditions
2015-02-17 09:42:48 +01:00
Lorenz Hübschle-Schneider f125c43ccb Adds emoji support using Twitter's twemoji 2015-01-03 18:29:59 +01:00
Lorenz Hübschle-Schneider 9b7a778186 Fix non-#channels and single-symbol channels (#) 2014-11-20 12:59:33 +01:00
Lorenz Hübschle-Schneider d68032b77a Fix font size and timestamp positioning issues on mobile
By using relative sizes, we automatically adjust to any change in the font size setting
Also, the timestamp shouldn't be lifted up, that looks weird. A margin-bottom: -1px does the CSS engine spell of confusion as well and doesn't mess up the layout.
2014-11-05 20:50:15 +01:00
Ailin Nemui f6bc1f94e0 [light theme] add style for quick keys 2014-10-28 11:26:44 +01:00
Tor Hveem 1dc32fd847 Merge pull request #483 from glowing-bear/key-overlays
Show quick access keys on Alt keypress
2014-10-28 01:24:11 +01:00
Tor Hveem 5fb74a5c8c Merge pull request #485 from glowing-bear/fix-bufferlist-spacing
Fix bufferlist spacing on mobile
2014-10-28 01:19:00 +01:00
Lorenz Hübschle-Schneider 89ea7d20ea Restore space at the bottom of buffer lines 2014-10-24 18:46:58 +02:00
Lorenz Hübschle-Schneider 8190e7a256 Fix bufferlist spacing on mobile
The current version is much too tight to hit, and for some reason I only
fixed it in the cordova branch. This should go into master, though.
2014-10-24 12:42:13 +02:00
Lorenz Hübschle-Schneider 80b0d2ca6a Quick keys disappear only after releasing alt key
Other changes:
- 0.2s delay so they don't appear when pressing Alt+A etc
- don't appear when other modifier keys are pressed
2014-10-20 12:30:30 +02:00
Ailin Nemui 9827710736 Support narrowing buffer selection with Alt+0-9 after using Alt+g or when onlyUnread is enabled, and show numeric overlays for Alt+0-9 keys on the buffers 2014-10-20 11:45:56 +02:00
Lorenz Hübschle-Schneider 1f0cb71e86 Make buttons unselectable
This improves copying and pasting quite a lot
2014-10-20 11:09:50 +02:00
Tor Hveem 3964fcc674 Fix bug with background color bleeding through 2014-10-18 14:42:45 -04:00
Tor Hveem f86b1081c7 fix gap between input and content 2014-10-18 14:42:45 -04:00
Tor Hveem c5d725e2c6 style option control in light theme 2014-10-18 14:42:45 -04:00
Ailin Nemui 1e2c26812f light theme: improve colours
* make the background lighter
* set highlight colour to something readable
* improve readability of default grey colours
* make default text color readable
* fix some base colours
2014-10-18 14:42:45 -04:00
David Cormier bda4e1af3e light-theme: darken most colors by 50% and add it to theme manager 2014-10-18 14:42:45 -04:00
Ailin Nemui 5960f9ba81 Add light theme 2014-10-18 14:42:45 -04:00
David Cormier 7fa1b7cc9d Create dark theme by extracting theme settings from glowingbear.css
* Remove style.css as those values should be themable as well.
* Update urls in index.html to link to dark theme by default
2014-10-18 14:42:41 -04:00
Lorenz Hübschle-Schneider 4fd5ceadb2 Don't automatically show NSFW content
Fixes #472
2014-10-16 15:50:36 +02:00
Tor Hveem f882124c9e Merge pull request #453 from ailin-nemui/nicklist-width
[themes] make nicklist width fixed on mobile UI so text doesn't get cut off
2014-09-17 14:18:56 +02:00
Ailin Nemui 7fba43c2f9 [themes] make nicklist width fixed on mobile UI so text doesn't get cut off 2014-09-17 14:13:45 +02:00
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