Commit graph

242 commits

Author SHA1 Message Date
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
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