Commit graph

263 commits

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