Skip to content

O
origin-web-common
Commit c54a1f1a by Jeffrey Phillips
Options

Add less files to distribution

parent e1b739d0
Showing with 517 additions and 7 deletions
.npmignore 0 → 100644
.tmp
.bundle
.idea
.bowerrc
.bower.json
.editorconfig
.gitignore
.jshintrc
.travis.yml
node_modules
bower_components
phantomjsdriver.log
Gruntfile.js
Makefile
hack
src
test
Gruntfile.js
......@@ -41,6 +41,13 @@ module.exports = function (grunt) {
dest: 'dist/origin-web-common.js'
}
},
copy: {
main: {
files: [
{expand: true, cwd: 'src/styles/', src: ['*'], dest: 'dist/less/'}
]
}
},
karma: {
unit: {
configFile: 'test/karma.conf.js',
......@@ -112,12 +119,12 @@ module.exports = function (grunt) {
// You can specify which modules to build as arguments of the build task.
grunt.registerTask('build', 'Create bootstrap build files', function () {
grunt.task.run(['clean', 'ngtemplates', 'concat', 'ngAnnotate', 'less', 'uglify:build', 'test']);
grunt.task.run(['clean', 'ngtemplates', 'concat', 'copy', 'ngAnnotate', 'less', 'uglify:build', 'test']);
});
// Runs all the tasks of build with the exception of tests
grunt.registerTask('deploy', 'Prepares the project for deployment. Does not run unit tests', function () {
grunt.task.run(['clean', 'ngtemplates', 'concat', 'ngAnnotate', 'less', 'uglify:build']);
grunt.task.run(['clean', 'ngtemplates', 'concat', 'copy', 'ngAnnotate', 'less', 'uglify:build']);
});
grunt.registerTask('default', ['build']);
......
bower.json
......@@ -12,16 +12,15 @@
"license": "Apache-2.0",
"ignore": [
"Gruntfile.js",
"package.json",
".bowerrc",
".editorconfig",
".gitignore",
".jshintrc",
".travis.yml",
"Makefile",
"hack",
"src",
"README.md",
"bower.json",
".bower.json",
"grunt-ngdocs-index.tmpl"
"test"
],
"repository": {
"type": "git",
......
dist/less/_core.less 0 → 100644
.delete-resource-modal {
background-color: @gray-lighter;
h1 {
font-size: 21px;
font-weight: 500;
margin-bottom: 20px;
word-wrap: break-word; // firefox, IE
word-break: break-word; // non-standard for webkit
overflow-wrap: break-word; // new name as per the CSS3 spec
min-width: 0; // firefox (1)
}
p {
font-size: @font-size-large + 1;
}
.help-block {
margin-top: 0px;
margin-bottom: 10px;
}
}
.dialog-btn {
float: right !important;
margin-right: 10px;
&:first-of-type {
margin-right: 0;
}
}
// Mark is used for highlighting terms like search terms. See http://getbootstrap.com/css/#type-inline-text
mark {
// Remove the default padding as it makes letters jump for as-you-type updates.
padding: 0;
background-color: rgba(252, 248, 160, 0.5);
.ui-select-choices-row.active > span & {
background-color: rgba(252, 248, 160, 0.75);
}
}
// Within truncation directive controls spacing between content and toggle link
.truncation-block {
margin-right: 10px;
}
.truncation-collapse-link {
margin-left: 10px;
white-space: nowrap;
}
.pretty-json {
font-family: @font-family-monospace;
white-space: pre-wrap;
}
dist/less/_forms.less 0 → 100644
label.required:before {
content: '*';
position: absolute;
left: 10px;
@media(min-width: @screen-sm-min) {
.form-horizontal & {
position: relative;
left: -3px;
}
}
}
dist/less/_guided-tour.less 0 → 100644
.guided-tour-backdrop {
z-index: @zindex-modal + 2;
}
// Note: variable used for clarity only, changing will require other changes as well due to hopscotch arrow container sizing
@hopscotch-bubble-arrow-width: 10px;
// Overridden hopscotch settings
div.hopscotch-bubble {
border-color: @color-pf-black-400;
border-width: 1px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
.hopscotch-actions {
background-color: @color-pf-white;
margin: -5px;
padding: @grid-gutter-width / 2;
}
.hopscotch-bubble-arrow-container {
.hopscotch-bubble-arrow-border {
&:after {
content: " ";
border-color: transparent;
border-style: solid;
position: absolute;
}
}
// Use our own arrows
&.down, &.left, &.right, &.up {
.hopscotch-bubble-arrow {
display: none;
}
}
&.down .hopscotch-bubble-arrow-border {
border-top-color: @color-pf-black-400;
border-width: @hopscotch-bubble-arrow-width;
margin-top: -(@hopscotch-bubble-arrow-width / 2);
&:after {
border-color: @color-pf-white transparent transparent;
border-width: @hopscotch-bubble-arrow-width @hopscotch-bubble-arrow-width 0;
margin-left: -@hopscotch-bubble-arrow-width;
margin-top: -(@hopscotch-bubble-arrow-width + 2px);
}
}
&.left {
top: 48px;
.hopscotch-bubble-arrow-border {
border-right-color: @color-pf-black-400;
border-width: @hopscotch-bubble-arrow-width;
margin-left: @hopscotch-bubble-arrow-width + 1px;
&:after {
border-color: transparent @color-pf-white transparent transparent;
border-width: @hopscotch-bubble-arrow-width @hopscotch-bubble-arrow-width @hopscotch-bubble-arrow-width 0;
margin-left: 2px;
margin-top: -@hopscotch-bubble-arrow-width;
}
}
}
&.right {
top: 48px;
.hopscotch-bubble-arrow-border {
border-left-color: @color-pf-black-400;
border-width: @hopscotch-bubble-arrow-width;
margin-left: -5px;
&:after {
border-color: transparent transparent transparent @color-pf-white;
border-width: @hopscotch-bubble-arrow-width 0 @hopscotch-bubble-arrow-width @hopscotch-bubble-arrow-width;
margin-left: -(@hopscotch-bubble-arrow-width + 2px);
margin-top: -@hopscotch-bubble-arrow-width;
}
}
}
&.up .hopscotch-bubble-arrow-border {
border-bottom-color: @color-pf-black-400;
border-width: @hopscotch-bubble-arrow-width;
margin-top: @hopscotch-bubble-arrow-width + 1px;
&:after {
border-color: transparent transparent @color-pf-black-150;
border-width: 0 @hopscotch-bubble-arrow-width @hopscotch-bubble-arrow-width;
margin-left: -@hopscotch-bubble-arrow-width;
margin-top: 2px;
}
}
}
.hopscotch-bubble-close {
right: 8px;
top: 7px;
}
.hopscotch-bubble-container {
background-color: @color-pf-black-150;
}
.hopscotch-content {
color: @color-pf-black-700;
background-color: @color-pf-white;
font-family: "Open Sans";
font-size: 12px;
margin: 11px -5px 0 -45px;
padding: 15px 20px 5px;
}
h3 {
margin-top: 6px;
color: @color-pf-black-700;
font-family: "Open Sans";
padding-left: 10px;
}
.hopscotch-bubble-number {
background: none;
background-color: @color-pf-blue-400;
border-radius: 15px;
font-family: "Open Sans";
font-size: 16px;
margin-left: 10px;
padding: 0;
}
.hopscotch-nav-button {
border-radius: 0;
font-family: "Open Sans";
font-size: 12px;
&.next {
background-color: @color-pf-blue-400;
background-image: none;
margin-left: 5px;
}
&.prev {
color: @color-pf-black;
}
}
}
dist/less/_messages.less 0 → 100644
//
// Default messenger included here instead of including messenger.css
// -------------------------------------------------
ul.messenger.messenger-theme-flat {
margin: 0;
padding: 0;
opacity: 1;
.transition(all .2s ease .2s);
> li {
list-style: none;
margin: 0;
padding: 0;
&.messenger-shown {
}
}
.messenger-message {
.clearfix();
&.messenger-hidden {
display: none;
}
.messenger-phrase, .messenger-actions a {
// padding-right: 5px;
}
.messenger-actions {
float: right;
a {
cursor: pointer;
text-decoration: underline;
}
}
ul, ol {
margin: 10px 18px 0;
}
}
&.messenger-fixed {
position: fixed;
z-index: 10000;
.messenger-message {
min-width: 0;
.box-sizing(border-box);
}
.message .messenger-actions {
float: left;
}
&.messenger-on-top {
top: 20px;
}
&.messenger-on-bottom {
bottom: 20px;
}
&.messenger-on-top, &.messenger-on-bottom {
left: 50%;
width: 800px;
margin-left: -400px;
&.messenger-on-right {
right: 20px;
left: auto;
}
&.messenger-on-left {
left: 20px;
margin-left: 0px;
}
}
&.messenger-on-right, &.messenger-on-left {
width: 90%;
.messenger-actions {
float: left;
}
}
@media (min-width: @screen-sm-min) {
&.messenger-on-right {
width: 45%;
}
}
@media (min-width: @screen-lg-min) {
&.messenger-on-right {
width: 35%;
}
}
&.messenger-empty.messenger-fixed.messenger-on-bottom.messenger-on-right {
display: block;
opacity: 0;
bottom: 20%;
}
}
.messenger-spinner {
display: none;
}
.messenger-clickable {
cursor: pointer;
}
}
//
// Messenger Flat Theme modifications
// -------------------------------------------------
ul.messenger-theme-flat {
background-color: transparent;
&.messenger-empty {
display: none;
}
}
@insetBackgroundColor: darken(@gray-darker, 10%);
ul.messenger-theme-flat .messenger-message {
box-shadow: 0 0 6px rgba(0,0,0,.175), inset 0px 1px rgba(255, 255, 255, 0.13), inset 50px 0px 0px @insetBackgroundColor !important;
border-radius: 0 !important;
position: relative;
border: 0px;
margin-bottom: 0px;
font-size: @font-size-base;
background: @gray-darker;
color: #f0f0f0;
font-weight: 500;
padding: 10px 30px 10px 65px;
line-height: 27px;
&:before,
.messenger-message-inner:before {
font-size: 20px;
position: absolute;
left: 15px;
top: 50%;
margin-top: -10px;
font-family: 'PatternFlyIcons-webfont';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.messenger-close {
line-height: 30px;
}
}
ul.messenger-theme-flat .messenger-message .messenger-actions a {
text-decoration: none;
color: #aaaaaa;
background: lighten(@gray-darker, 5%);
}
ul.messenger-theme-flat {
.messenger-message.alert-error {
&:before {
content: @pficon-var-error-circle-o;
color: @brand-danger;
display: inline-block;
}
.messenger-message-inner:before {
background-color: transparent;
}
}
.messenger-message.alert-warning {
&:before {
content: @pficon-var-warning-triangle-o;
color: @brand-warning;
display: inline-block;
left: 14px;
margin-top: -11px;
}
}
.messenger-message.alert-success .messenger-message-inner:before {
color: @brand-success;
content: @pficon-var-ok;
display: inline-block;
background-color: transparent;
}
.messenger-message.alert-info .messenger-message-inner:before {
color: @brand-info;
content: @pficon-var-info;
display: inline-block;
background-color: transparent;
}
}
dist/less/_ui-select.less 0 → 100644
/* Fix some styles with the angular-ui-select bootstrap theme that isn't right when combined with all of our styles */
.ui-select-bootstrap {
.ui-select-choices-row {
> span {
border-color: transparent;
border-style: solid;
border-width: 1px 0;
line-height: @line-height-base;
padding: 1px 10px;
&:hover,
&:focus {
background-color: @dropdown-link-hover-bg;
border-color: @dropdown-link-hover-border-color;
color: @dropdown-link-hover-color;
}
}
&.active {
> span {
background-color: @dropdown-link-active-bg !important;
border-color: @dropdown-link-active-border-color !important;
color: @dropdown-link-active-color;
}
.text-muted {
color: #f5f5f5;
}
}
}
.ui-select-choices-row-inner {
min-height: 24px;
cursor: pointer;
}
.ui-select-choices-group-label:empty {
// Prevent extra space above the first choice when the group label is empty.
padding: 0;
}
.ui-select-match-text, .ui-select-placeholder {
font-weight: normal;
padding-right: 20px;
}
.ui-select-match-text span {
display: block;
text-overflow: ellipsis;
span {
display: inline;
}
}
.ui-select-placeholder {
display: block;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.ui-select-toggle > .caret {
font-size: (@font-size-base - 1);
font-style: normal;
right: 6px;
top: 10px;
// Workaround for https://github.com/angular-ui/ui-select/issues/224
// A runtime error occurs when you click exactly on the down caret for some
// selects, such as the strategy type select in the deployment config editor.
pointer-events: none;
}
/* Fixes ui-select's input box extending to 100% page width if the page has been resized after page-load
* https://github.com/angular-ui/ui-select/issues/1678
*/
.ui-select-search {
width: 100% !important;
}
}
dist/less/main.less 0 → 100644
@bower-components-path: "bower_components";
@pf-less-path: "@{bower-components-path}/patternfly/dist/less";
@bootstrap-less-path: "@{pf-less-path}/dependencies/bootstrap";
// Bootstrap
@import "@{bootstrap-less-path}/mixins.less";
@import "@{bootstrap-less-path}/variables.less";
// PatternFly
@import "@{pf-less-path}/color-variables.less";
@import "@{pf-less-path}/variables.less";
@import "_core.less";
@import "_forms.less";
@import "_guided-tour.less";
@import "_messages.less";
@import "_ui-select.less";
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment