rename chat css from style.scss to chat.scss

This commit is contained in:
Felix Niklas 2015-11-11 10:37:07 +01:00
parent 405679ad6c
commit ba6686ab52
4 changed files with 7 additions and 5 deletions

View file

@ -170,12 +170,14 @@
margin: 0.5em 0; } margin: 0.5em 0; }
.zammad-chat-message-body { .zammad-chat-message-body {
padding: 0.6em 1em; padding: 0.5em 1em;
line-height: 1.4;
border-radius: 1em; border-radius: 1em;
background: #f6f8f9; background: #f6f8f9;
display: inline-block; display: inline-block;
max-width: 70%; max-width: 70%;
white-space: pre; white-space: pre-line;
word-wrap: break-word;
box-shadow: 0 2px rgba(255, 255, 255, 0.15) inset, 0 0 0 1px rgba(0, 0, 0, 0.08) inset, 0 1px rgba(0, 0, 0, 0.02); } box-shadow: 0 2px rgba(255, 255, 255, 0.15) inset, 0 0 0 1px rgba(0, 0, 0, 0.08) inset, 0 1px rgba(0, 0, 0, 0.02); }
.zammad-chat-message--customer { .zammad-chat-message--customer {

View file

@ -11,7 +11,7 @@ var merge = require('merge-stream');
var plumber = require('gulp-plumber'); var plumber = require('gulp-plumber');
gulp.task('css', function(){ gulp.task('css', function(){
return gulp.src('style.scss') return gulp.src('chat.scss')
.pipe(sass.sync().on('error', gutil.log)) .pipe(sass.sync().on('error', gutil.log))
.pipe(autoprefixer({ .pipe(autoprefixer({
browsers: ['last 4 versions'], browsers: ['last 4 versions'],
@ -40,7 +40,7 @@ gulp.task('js', function(){
}); });
gulp.task('default', function(){ gulp.task('default', function(){
var cssWatcher = gulp.watch('style.scss', ['css']); var cssWatcher = gulp.watch('chat.scss', ['css']);
cssWatcher.on('change', function(event) { cssWatcher.on('change', function(event) {
console.log('File ' + event.path + ' was ' + event.type + ', running tasks...'); console.log('File ' + event.path + ' was ' + event.type + ', running tasks...');
}); });

View file

@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Zammad Chat</title> <title>Zammad Chat</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="chat.css">
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script> <script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
<style> <style>