Browse Source

Enhances appearance of action ui input

pull/291/head
jlukic 11 years ago
parent
commit
a930cd92f2
2 changed files with 28 additions and 12 deletions
  1. 29
      Gruntfile.js
  2. 11
      src/elements/input.less

29
Gruntfile.js

@ -11,6 +11,9 @@ module.exports = function(grunt) {
// compiles less to docs // compiles less to docs
'less:buildDocsCSS', 'less:buildDocsCSS',
// auto prefix doc files
'autoprefixer:prefixDocs',
// copies assets and js over to docs // copies assets and js over to docs
'copy:srcToDocs', 'copy:srcToDocs',
@ -52,7 +55,7 @@ module.exports = function(grunt) {
// creates minified css of each file // creates minified css of each file
'cssmin:minifyCSS', 'cssmin:minifyCSS',
// creates custom license in header
// adds custom license in header
'cssmin:addBanner', 'cssmin:addBanner',
// create concatenated css release // create concatenated css release
@ -73,6 +76,8 @@ module.exports = function(grunt) {
// creates custom license in header // creates custom license in header
'cssmin:addBanner', 'cssmin:addBanner',
// auto prefix build files
'autoprefixer:prefixBuild',
// cleans previous generated release // cleans previous generated release
'clean:release', 'clean:release',
@ -90,7 +95,13 @@ module.exports = function(grunt) {
'copy:examplesToDocs', 'copy:examplesToDocs',
// copies files over to docs // copies files over to docs
'copy:buildToDocs'
'copy:buildToDocs',
// generate code docs
'docco:generate',
// copies spec files over to docs
'copy:specToDocs'
], ],
setWatchTests = function(action, filePath) { setWatchTests = function(action, filePath) {
@ -118,6 +129,7 @@ module.exports = function(grunt) {
if(filePath.search('.less') !== -1) { if(filePath.search('.less') !== -1) {
grunt.config('less.buildDocsCSS.src', filePath); grunt.config('less.buildDocsCSS.src', filePath);
grunt.config('less.buildDocsCSS.dest', buildPath); grunt.config('less.buildDocsCSS.dest', buildPath);
grunt.config('autoprefixer.prefixDocs.src', buildPath);
} }
else { else {
grunt.config('less.buildDocsCSS.src', 'non/existant/path'); grunt.config('less.buildDocsCSS.src', 'non/existant/path');
@ -187,6 +199,17 @@ module.exports = function(grunt) {
/******************************* /*******************************
Build Build
*******************************/ *******************************/
autoprefixer: {
options: {
browsers: ['last 2 version', 'ie 9']
},
prefixBuild: {
src : 'build/**/*.css'
},
prefixDocs: {
src : 'docs/build/**/*.css'
}
},
clean: { clean: {
options: { options: {
@ -558,6 +581,8 @@ module.exports = function(grunt) {
grunt.loadNpmTasks('grunt-contrib-less'); grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-contrib-uglify'); grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-watch'); grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-autoprefixer');
grunt.loadNpmTasks('grunt-docco-multi'); grunt.loadNpmTasks('grunt-docco-multi');
grunt.loadNpmTasks('grunt-cssjanus'); grunt.loadNpmTasks('grunt-cssjanus');
grunt.loadNpmTasks('grunt-clear'); grunt.loadNpmTasks('grunt-clear');

11
src/elements/input.less

@ -287,20 +287,11 @@
border-top-left-radius: 0px; border-top-left-radius: 0px;
border-bottom-left-radius: 0px; border-bottom-left-radius: 0px;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
white-space: nowrap; white-space: nowrap;
} }
.ui.action.input > .button > .icon { .ui.action.input > .button > .icon {
display: inline; display: inline;
}
.ui.action.input > input:focus ~ .button {
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
vertical-align: top;
} }
/*-------------------- /*--------------------

Loading…
Cancel
Save