From 2cbffada614bde14440dc96bb778c7dc600b0d03 Mon Sep 17 00:00:00 2001 From: Stas Vilchik Date: Thu, 12 Nov 2015 16:10:46 +0100 Subject: [PATCH] use autoprefixer, clean up styles --- server/sonar-web/gulp/styles.js | 12 +- server/sonar-web/package.json | 1 + .../main/less/components/bubble-popup.less | 5 +- .../src/main/less/components/columns.less | 6 +- .../src/main/less/components/graphics.less | 8 +- .../src/main/less/components/measures.less | 2 +- .../src/main/less/components/menu.less | 2 +- .../src/main/less/components/modals.less | 6 +- .../src/main/less/components/navbar.less | 12 +- .../main/less/components/navigator/base.less | 20 +- .../less/components/navigator/filters.less | 34 ++-- .../src/main/less/components/page.less | 2 +- .../less/components/search-navigator.less | 10 +- .../src/main/less/components/select-list.less | 78 +++----- .../src/main/less/components/source.less | 4 +- .../src/main/less/components/ui.less | 16 +- .../src/main/less/components/workspace.less | 9 +- .../sonar-web/src/main/less/init/forms.less | 10 +- .../sonar-web/src/main/less/init/icons.less | 60 +++--- .../sonar-web/src/main/less/init/links.less | 2 +- server/sonar-web/src/main/less/mixins.less | 182 ------------------ server/sonar-web/src/main/less/pages.less | 2 - .../src/main/less/pages/analysis-reports.less | 5 +- .../src/main/less/pages/coding-rules.less | 4 +- .../src/main/less/pages/dashboard.less | 7 +- server/sonar-web/src/main/less/pages/dsm.less | 124 ------------ .../src/main/less/pages/libraries.less | 105 ---------- .../sonar-web/src/main/less/pages/login.less | 7 +- .../src/main/less/select2-sonar.less | 13 +- server/sonar-web/src/main/less/style.less | 10 +- 30 files changed, 168 insertions(+), 590 deletions(-) delete mode 100644 server/sonar-web/src/main/less/pages/dsm.less delete mode 100644 server/sonar-web/src/main/less/pages/libraries.less diff --git a/server/sonar-web/gulp/styles.js b/server/sonar-web/gulp/styles.js index 0b1a770be08..a027a45cd0e 100644 --- a/server/sonar-web/gulp/styles.js +++ b/server/sonar-web/gulp/styles.js @@ -6,6 +6,7 @@ var gulpif = require('gulp-if'); var less = require('gulp-less'); var minifyCss = require('gulp-minify-css'); var sourcemaps = require('gulp-sourcemaps'); +var autoprefixer = require('gulp-autoprefixer'); module.exports.styles = function (output, production, dev) { @@ -24,8 +25,17 @@ module.exports.styles = function (output, production, dev) { ]) .pipe(gulpif(dev, sourcemaps.init())) .pipe(less()) + .pipe(autoprefixer({ + browsers: [ + 'last 3 Chrome versions', + 'last 3 Firefox versions', + 'Safari >= 8', + 'Edge >= 12', + 'IE 11' + ] + })) .pipe(gulpif(production, minifyCss())) .pipe(concat('sonar.css')) .pipe(gulpif(dev, sourcemaps.write({ includeContent: true }))) .pipe(gulp.dest(path.join(output, 'css'))); -}; \ No newline at end of file +}; diff --git a/server/sonar-web/package.json b/server/sonar-web/package.json index c063dd638af..87a6ac744b1 100644 --- a/server/sonar-web/package.json +++ b/server/sonar-web/package.json @@ -19,6 +19,7 @@ "event-stream": "3.3.1", "glob": "5.0.15", "gulp": "3.9.0", + "gulp-autoprefixer": "^3.1.0", "gulp-browserify": "0.5.1", "gulp-concat": "2.6.0", "gulp-if": "2.0.0", diff --git a/server/sonar-web/src/main/less/components/bubble-popup.less b/server/sonar-web/src/main/less/components/bubble-popup.less index 745d7d7eee8..97461386e02 100644 --- a/server/sonar-web/src/main/less/components/bubble-popup.less +++ b/server/sonar-web/src/main/less/components/bubble-popup.less @@ -11,7 +11,7 @@ padding: 10px; border: 1px solid @barBorderColor; border-radius: 3px; - .box-sizing(border-box); + box-sizing: border-box; background-color: @white; box-shadow: @defaultShadow; } @@ -24,7 +24,8 @@ .bubble-popup-arrow:after { position: absolute; display: block; - .size(0, 0); + width: 0; + height: 0; border: @popupArrowSize solid transparent; } diff --git a/server/sonar-web/src/main/less/components/columns.less b/server/sonar-web/src/main/less/components/columns.less index 8759b4cac1a..d9ce9ad525e 100644 --- a/server/sonar-web/src/main/less/components/columns.less +++ b/server/sonar-web/src/main/less/components/columns.less @@ -13,7 +13,7 @@ float: left; width: 50%; padding: 0 10px; - .box-sizing(border-box); + box-sizing: border-box; &.column-one { margin: 0 25%; } } @@ -22,14 +22,14 @@ float: left; width: 33.3333333333%; padding: 0 10px; - .box-sizing(border-box); + box-sizing: border-box; } .column-two-thirds { float: left; width: 66.6666666667%; padding: 0 10px; - .box-sizing(border-box); + box-sizing: border-box; } diff --git a/server/sonar-web/src/main/less/components/graphics.less b/server/sonar-web/src/main/less/components/graphics.less index 6a2fb4ae9e8..690ecd7bfa4 100644 --- a/server/sonar-web/src/main/less/components/graphics.less +++ b/server/sonar-web/src/main/less/components/graphics.less @@ -80,8 +80,8 @@ } .sonar-d3 .legend-active .legend-bullet { - -webkit-transform: scale(1.4); - -webkit-transform-origin: center; + transform: scale(1.4); + transform-origin: center; } .sonar-d3 .legend-html { @@ -167,7 +167,7 @@ text.max-results-reached-message { position: absolute; border-right: 1px solid #fff; border-bottom: 1px solid #fff; - .box-sizing(border-box); + box-sizing: border-box; text-align: center; } @@ -180,7 +180,7 @@ text.max-results-reached-message { vertical-align: middle; line-height: 1.2; padding: 5px; - .box-sizing(border-box); + box-sizing: border-box; color: #fff; font-weight: 300; text-align: left; diff --git a/server/sonar-web/src/main/less/components/measures.less b/server/sonar-web/src/main/less/components/measures.less index 17292f6eabc..3fbbb18701e 100644 --- a/server/sonar-web/src/main/less/components/measures.less +++ b/server/sonar-web/src/main/less/components/measures.less @@ -138,6 +138,6 @@ .measure-bar { width: 30%; padding: 7px 5px; - .box-sizing(border-box); + box-sizing: border-box; } } diff --git a/server/sonar-web/src/main/less/components/menu.less b/server/sonar-web/src/main/less/components/menu.less index dfd0f69ef50..8ca4e6f4a2a 100644 --- a/server/sonar-web/src/main/less/components/menu.less +++ b/server/sonar-web/src/main/less/components/menu.less @@ -26,7 +26,7 @@ > li > a { color: @baseFontColor; .link-no-underline; - .trans(none); + transition: none; } .divider { diff --git a/server/sonar-web/src/main/less/components/modals.less b/server/sonar-web/src/main/less/components/modals.less index 1aa4bcf239c..8c6b13851a1 100644 --- a/server/sonar-web/src/main/less/components/modals.less +++ b/server/sonar-web/src/main/less/components/modals.less @@ -10,7 +10,7 @@ width: 540px; background-color: #fff; opacity: 0; - .trans; + transition: all 0.2s ease; } .modal.in { @@ -29,7 +29,7 @@ top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); opacity: 0; - .trans; + transition: all 0.2s ease; } .modal-overlay.in { @@ -43,7 +43,7 @@ .modal-container { max-height: 70vh; padding: 10px; - .box-sizing(border-box); + box-sizing: border-box; overflow-x: auto; overflow-y: scroll; } diff --git a/server/sonar-web/src/main/less/components/navbar.less b/server/sonar-web/src/main/less/components/navbar.less index f6e613f933e..25f4552bb7e 100644 --- a/server/sonar-web/src/main/less/components/navbar.less +++ b/server/sonar-web/src/main/less/components/navbar.less @@ -9,7 +9,7 @@ @navbarTopPadding: (@navbarGlobalHeight - @navbarLineHeight) / 2; .navbar, [class^="navbar-"], [class*=" navbar-"] { - .box-sizing(border-box); + box-sizing: border-box; } .navbar { @@ -23,12 +23,12 @@ .navbar-fade { .navbar-nav { opacity: 0; - .trans(opacity); + transition: opacity 0.2s ease; } .navbar-favorite { margin-right: -23px; - .trans(margin); + transition: margin 0.2s ease; } &.in { @@ -44,7 +44,7 @@ .navbar a { .link-no-underline; - .trans(none); + transition: none; } .navbar-header { @@ -106,8 +106,8 @@ .navbar-search { position: relative; width: 480px; - .box-sizing(border-box); - .trans(width); + box-sizing: border-box; + transition: width 0.2s ease; } .navbar-search-input { diff --git a/server/sonar-web/src/main/less/components/navigator/base.less b/server/sonar-web/src/main/less/components/navigator/base.less index 6146dde0c87..f586b204602 100644 --- a/server/sonar-web/src/main/less/components/navigator/base.less +++ b/server/sonar-web/src/main/less/components/navigator/base.less @@ -9,20 +9,20 @@ .navigator-element() { position: fixed; z-index: @navigator-element-z-index; - .box-sizing(border-box); + box-sizing: border-box; } .navigator-header { height: @navigatorHeaderHeight; margin: @navigatorPadding; border: 1px solid @navigatorBorderLightColor; - .box-sizing(border-box); + box-sizing: border-box; } .navigator-filters { position: relative; border: 1px solid @navigatorBorderLightColor; - .box-sizing(border-box); + box-sizing: border-box; } .navigator-content { @@ -51,7 +51,7 @@ min-width: 275px; max-width: 600px; margin: @navigatorPadding @navigatorPadding 0; - .box-sizing(border-box); + box-sizing: border-box; } .navigator-actions { @@ -59,7 +59,7 @@ z-index: @navigator-actions-z-index; margin: 0 @navigatorPadding @navigatorPadding; border: 1px solid @navigatorBorderLightColor; - .box-sizing(border-box); + box-sizing: border-box; .clearfix; } @@ -159,9 +159,9 @@ margin-left: -10px; padding: 10px; border-right: 1px solid transparent; - .box-sizing(border-box); + box-sizing: border-box; cursor: pointer; - .trans; + transition: all 0.2s ease; &:hover { background-color: @navigatorHover; @@ -257,7 +257,7 @@ border: 1px solid; border-color: @navigatorBorderLightColor transparent; cursor: pointer; - .trans; + transition: all 0.2s ease; .line { padding: @navigatorPadding / 2 @navigatorPadding; @@ -333,7 +333,7 @@ padding: 0 @navigatorPadding; line-height: @navigatorStatusHeight; cursor: pointer; - .trans; + transition: all 0.2s ease; &:hover { background-color: @navigatorHover; @@ -356,7 +356,7 @@ line-height: @navigatorStatusHeight; padding: 0 10px; cursor: pointer; - .trans; + transition: all 0.2s ease; &:hover { background-color: @navigatorBarBackground; diff --git a/server/sonar-web/src/main/less/components/navigator/filters.less b/server/sonar-web/src/main/less/components/navigator/filters.less index d83ce178ffc..fba88576a44 100644 --- a/server/sonar-web/src/main/less/components/navigator/filters.less +++ b/server/sonar-web/src/main/less/components/navigator/filters.less @@ -26,14 +26,15 @@ .navigator-filter-submit { position: absolute; bottom: 0; right: 0; - .size(85px, @navigatorFiltersHeight); + width: 85px; + height: @navigatorFiltersHeight; margin: -1px -1px -1px 0; padding: 0; border: 1px solid darken(@blue, 10%); background: @blue; color: #fff; font-weight: normal; - .trans; + transition: all 0.2s ease; &::-moz-focus-inner { border: 0; } @@ -66,10 +67,10 @@ margin: -1px 0 0 -1px; padding: 0 1.5 * @navigatorFilterPadding; border: 1px solid @navigatorBorderLightColor; - .box-sizing(border-box); + box-sizing: border-box; white-space: nowrap; cursor: pointer; - .trans; + transition: all 0.2s ease; &:hover { z-index: @above-normal-z-index; @@ -146,7 +147,8 @@ .navigator-filter-disable { display: inline-block; vertical-align: middle; - .square(20px); + width: 20px; + height: 20px; line-height: 20px; margin: 0 0 0 5px; font-size: 18px; @@ -202,7 +204,6 @@ max-height: 182px; padding: 5px 0; overflow-y: auto; - .webkit-scrollbar; -ms-overflow-style: scrollbar; label { @@ -212,7 +213,7 @@ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - .trans(background); + transition: background 0.2s ease; &:hover, &.current { @@ -267,10 +268,11 @@ margin: @navigatorFilterPadding 26px @navigatorFilterPadding @navigatorFilterPadding; input { - .size(100%, 26px); + width: 100%; + height: 26px; padding: 0 7px; border: 1px solid @darkGrey; - .box-sizing(border-box); + box-sizing: border-box; } .fetching &:after { @@ -278,7 +280,8 @@ position: absolute; top: 6px; right: -21px; display: block; - .square(16px); + width: 16px; + height: 16px; background: #fff url(../images/loading.gif) no-repeat center center; } @@ -307,13 +310,10 @@ } .navigator-filter-favorite-toggle { - .size(16px, @navigatorFiltersHeight); - background: url('../images/navigator/favorite-filters.png') no-repeat center center; - - @media @retina { - background-image: url(../images/navigator/favorite-filters@2x.png); - background-size: 16px 14px; - } + width: 16px; + height: @navigatorFiltersHeight; + background: url(../images/navigator/favorite-filters@2x.png) no-repeat center center; + background-size: 16px 14px; } .navigator-filter-more-criteria { diff --git a/server/sonar-web/src/main/less/components/page.less b/server/sonar-web/src/main/less/components/page.less index c3bc33a30ae..bd752a1e912 100644 --- a/server/sonar-web/src/main/less/components/page.less +++ b/server/sonar-web/src/main/less/components/page.less @@ -78,7 +78,7 @@ body { padding: 10px; line-height: 1.5; border-top: 1px solid @barBorderColor; - .box-sizing(border-box); + box-sizing: border-box; background-color: @barBackgroundColor; color: @baseFontColorLight; font-size: @smallFontSize; diff --git a/server/sonar-web/src/main/less/components/search-navigator.less b/server/sonar-web/src/main/less/components/search-navigator.less index 7e13e95f559..506f53a54cd 100644 --- a/server/sonar-web/src/main/less/components/search-navigator.less +++ b/server/sonar-web/src/main/less/components/search-navigator.less @@ -43,7 +43,7 @@ left: 0; bottom: 0; border-right: 1px solid @barBorderColor; - .box-sizing(border-box); + box-sizing: border-box; background-color: @barBorderColor; overflow-x: hidden; } @@ -97,13 +97,13 @@ padding: 3px 5px; border: 1px solid transparent; border-radius: 2px; - .box-sizing(border-box); + box-sizing: border-box; background-color: @barBackgroundColor; white-space: normal; overflow: hidden; font-size: 0; cursor: pointer; - .trans(none); + transition: none; &:hover { border: 1px solid @blue; @@ -279,7 +279,7 @@ display: block; padding-bottom: 3px; .link-no-underline; - .trans(none); + transition: none; &:hover, &:focus, &:hover .search-navigator-facet-histogram-bar-inner, &:focus .search-navigator-facet-histogram-bar-inner { @@ -376,7 +376,7 @@ margin-bottom: 8px; padding: 5px 10px; border: 1px solid #e8e8e8; - .box-sizing(border-box); + box-sizing: border-box; line-height: 1.5; background-color: #fff; box-shadow: @defaultShadow; diff --git a/server/sonar-web/src/main/less/components/select-list.less b/server/sonar-web/src/main/less/components/select-list.less index 4a6050f36b1..8540999d5e3 100644 --- a/server/sonar-web/src/main/less/components/select-list.less +++ b/server/sonar-web/src/main/less/components/select-list.less @@ -3,19 +3,16 @@ .select-list-container { min-width: 500px; - -moz-box-sizing: border-box; box-sizing: border-box; } .select-list-control { margin-bottom: 10px; - -moz-box-sizing: border-box; box-sizing: border-box; } .select-list-list-container { border: 1px solid #bfbfbf; - -moz-box-sizing: border-box; box-sizing: border-box; } @@ -39,48 +36,37 @@ overflow-x: hidden; } - .select-list-list > li { - position: relative; - display: block; - margin-top: -1px; - padding: 5px 10px; - border-top: 1px solid #e0e0e0; - color: #404040; - transition: -webkit-transform 0.3s ease; - transition: -ms-transform 0.3s ease; - transition: transform 0.3s ease; - } - - .select-list-list > li.removed { - -webkit-transform: translateX(100%); - -moz-transform: translateX(100%); - -ms-transform: translateX(100%); - -o-transform: translateX(100%); - transform: translateX(100%); - } - - .select-list-list > li.added { - -webkit-transform: translateX(-100%); - -moz-transform: translateX(-100%); - -ms-transform: translateX(-100%); - -o-transform: translateX(-100%); - transform: translateX(-100%); - } - - .select-list-list > li.progress { - background: url(../images/loading.gif) no-repeat 10px 5px; - } - - .select-list-list > li.progress .select-list-list-checkbox { - visibility: hidden; - } - - .select-list-list > li.empty-message { - padding: 6px 5px; - border: 1px solid #ddd; - background-color: #efefef; - } +.select-list-list > li { + position: relative; + display: block; + margin-top: -1px; + padding: 5px 10px; + border-top: 1px solid #e0e0e0; + color: #404040; + transition: transform 0.3s ease; +} + +.select-list-list > li.removed { + transform: translateX(100%); +} +.select-list-list > li.added { + transform: translateX(-100%); +} + +.select-list-list > li.progress { + background: url(../images/loading.gif) no-repeat 10px 5px; +} + +.select-list-list > li.progress .select-list-list-checkbox { + visibility: hidden; +} + +.select-list-list > li.empty-message { + padding: 6px 5px; + border: 1px solid #ddd; + background-color: #efefef; +} .select-list-list-checkbox { display: inline-block; @@ -121,13 +107,13 @@ height: 27px; line-height: 25px; padding: 0 12px; - .box-sizing(border-box); + box-sizing: border-box; border: 1px solid @darkBlue; color: @darkBlue; font-size: @smallFontSize; text-align: center; cursor: pointer; - .trans(none); + transition: none; } .select-list-control-button:first-child { diff --git a/server/sonar-web/src/main/less/components/source.less b/server/sonar-web/src/main/less/components/source.less index a3e43f12803..f6c09f0be33 100644 --- a/server/sonar-web/src/main/less/components/source.less +++ b/server/sonar-web/src/main/less/components/source.less @@ -10,7 +10,7 @@ .source-viewer { width: 100%; border: 1px solid @barBorderColor; - .box-sizing(border-box); + box-sizing: border-box; background-color: #fff; overflow-x: auto; overflow-y: hidden; @@ -127,7 +127,7 @@ vertical-align: top; width: 1px; background-clip: padding-box; - .user-select(none); + user-select: none; } .source-meta + .source-meta { diff --git a/server/sonar-web/src/main/less/components/ui.less b/server/sonar-web/src/main/less/components/ui.less index 1af0fed2673..c3a8731744b 100644 --- a/server/sonar-web/src/main/less/components/ui.less +++ b/server/sonar-web/src/main/less/components/ui.less @@ -8,7 +8,8 @@ .rating { display: inline-block; - .size(1em, 1.3em); + width: 1em; + height: 1.3em; line-height: 1.3; color: #fff; font-weight: 300; @@ -17,7 +18,7 @@ a > & { margin-bottom: -1px; border-bottom: 1px solid; - .trans; + transition: all 0.2s ease; &:hover { opacity: 0.8; } } @@ -64,11 +65,11 @@ padding: 0 10px; line-height: @formControlHeight; border-radius: 0 0 3px 3px; - .box-sizing(border-box); + box-sizing: border-box; background-color: #f0e8ac; text-align: center; opacity: 0; - .trans; + transition: all 0.2s ease; &.shown { opacity: 1; } } @@ -116,11 +117,12 @@ .shortcut-button { display: inline-block; - .square(24px); + width: 24px; + height: 24px; line-height: 24px; border: 1px solid #ccc; border-radius: 3px; - .vertical-gradient(#f5f5f5, #eee); + background-image: linear-gradient(to bottom, #f5f5f5, #eee); box-shadow: inset 0 1px 0 #fff, 0 1px 0 #ccc; color: @secondFontColor; font-size: @baseFontSize; @@ -210,7 +212,7 @@ .flash { background-color: transparent; - .trans(all, 0.5s ease); + transition: all 0.5s ease; &.in { background-color: #fcf8e3; diff --git a/server/sonar-web/src/main/less/components/workspace.less b/server/sonar-web/src/main/less/components/workspace.less index fb2fc6f8cb2..e0bcc9ff1ea 100644 --- a/server/sonar-web/src/main/less/components/workspace.less +++ b/server/sonar-web/src/main/less/components/workspace.less @@ -40,7 +40,7 @@ bottom: 0; left: 0; right: 0; - .box-sizing(border-box); + box-sizing: border-box; background-color: #fff; box-shadow: 0 -6px 12px rgba(0, 0, 0, .175); } @@ -50,7 +50,7 @@ position: relative; height: 30px; padding: @topPadding 10px; - .box-sizing(border-box); + box-sizing: border-box; background-color: #404040; color: #fff; font-weight: 300; @@ -69,7 +69,8 @@ position: absolute; top: 3px; left: 50%; - .size(30px, 5px); + width: 30px; + height: 5px; margin-left: -15px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzBweCIgaGVpZ2h0PSI1cHgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+PGc+PGcgaWQ9IkxheWVyMSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwwLDApIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsNCwwKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDgsMCkiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwxMiwwKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDE2LDApIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMjAsMCkiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwyNCwwKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDI4LDApIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMCwzKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDQsMykiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSw4LDMpIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMTIsMykiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwxNiwzKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDIwLDMpIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMjQsMykiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwyOCwzKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDAsMCkiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSw0LDApIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsOCwwKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDEyLDApIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMTYsMCkiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwyMCwwKSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIiIGhlaWdodD0iMiIgc3R5bGU9ImZpbGw6Izc3NztmaWxsLW9wYWNpdHk6MC41OyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwxLDI0LDApIj48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIiBzdHlsZT0iZmlsbDojNzc3O2ZpbGwtb3BhY2l0eTowLjU7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLDEsMjgsMCkiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiIHN0eWxlPSJmaWxsOiM3Nzc7ZmlsbC1vcGFjaXR5OjAuNTsiLz48L2c+PC9nPjwvZz48L3N2Zz4=); cursor: ns-resize; @@ -89,7 +90,7 @@ padding: 5px 10px; overflow-y: scroll; overflow-x: auto; - .box-sizing(border-box); + box-sizing: border-box; } diff --git a/server/sonar-web/src/main/less/init/forms.less b/server/sonar-web/src/main/less/init/forms.less index ceaf5db6dfe..b3e03b99894 100644 --- a/server/sonar-web/src/main/less/init/forms.less +++ b/server/sonar-web/src/main/less/init/forms.less @@ -13,11 +13,11 @@ input[type=search], input[type=date], textarea { border: 1px solid @darkGrey; - .box-sizing(border-box); + box-sizing: border-box; border-radius: 2px; background: #fff; color: @baseFontColor; - .trans(border-color); + transition: border-color 0.2s ease; &:active, &:focus { @@ -58,7 +58,7 @@ input[type=button] { border: 1px solid @darkBlue; border-radius: 2px; - .box-sizing(border-box); + box-sizing: border-box; background: transparent; @@ -70,7 +70,7 @@ input[type=button] { cursor: pointer; outline: none; - .trans(border-color); + transition: border-color 0.2s ease; &:hover, &:focus { background: @darkBlue; @@ -123,7 +123,7 @@ input[type=button] { font-weight: 400; font-size: inherit; line-height: inherit; - .trans; + transition: all 0.2s ease; &:hover, &:active, &:focus { background: transparent; diff --git a/server/sonar-web/src/main/less/init/icons.less b/server/sonar-web/src/main/less/init/icons.less index 5ec80ef3073..d4f3fb9e5c8 100644 --- a/server/sonar-web/src/main/less/init/icons.less +++ b/server/sonar-web/src/main/less/init/icons.less @@ -55,7 +55,8 @@ a[class^="icon-"], a[class*=" icon-"] { [class^="icon-severity-"], [class*=" icon-severity"] { display: inline-block; vertical-align: top; - .square(16px); + width: 16px; + height: 16px; background-size: 14px 14px; background: no-repeat center center; } @@ -73,7 +74,8 @@ a[class^="icon-"], a[class*=" icon-"] { [class^="icon-status-"], [class*=" icon-status"] { display: inline-block; vertical-align: top; - .square(16px); + width: 16px; + height: 16px; background-size: 14px 14px; background: no-repeat center center; } @@ -147,7 +149,8 @@ a[class^="icon-"], a[class*=" icon-"] { [class^="icon-qualifier-"], [class*=" icon-qualifier-"] { display: inline-block; vertical-align: top; - .square(16px); + width: 16px; + height: 16px; background-size: 16px 16px; background: no-repeat center center; } @@ -173,15 +176,16 @@ a[class^="icon-"], a[class*=" icon-"] { display: inline-block; vertical-align: top; padding: 2px; - .box-sizing(border-box); + box-sizing: border-box; &:before { content: " "; display: block; - .square(10px); + width: 10px; + height: 10px; border: 1px solid @darkBlue; border-radius: 2px; - .trans; + transition: all 0.2s ease; } } @@ -296,21 +300,22 @@ a[class^="icon-"], a[class*=" icon-"] { .icon-not-favorite { display: inline-block; vertical-align: top; - .square(16px); + width: 16px; + height: 16px; background-size: 16px 16px; background: no-repeat center center; - .trans !important; + transition: all 0.2s ease !important; } .icon-favorite { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M15.428%205.777c0%20.13-.078.274-.233.428l-3.24%203.16.767%204.465c.006.042.01.102.01.18%200%20.124-.032.23-.095.316-.062.086-.153.13-.272.13-.113%200-.232-.036-.357-.108l-4.01-2.107L3.99%2014.35c-.13.072-.25.107-.357.107-.125%200-.22-.043-.28-.13-.064-.085-.095-.19-.095-.316%200-.037.006-.096.018-.18l.768-4.464-3.25-3.16C.644%206.045.57%205.9.57%205.775c0-.22.167-.356.5-.41l4.482-.652L7.562.652c.112-.244.258-.366.437-.366.177%200%20.323.122.436.366l2.01%204.062%204.48.652c.335.054.5.19.5.41h.002z%22%20fill%3D%22%23F90%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); - .rotate(72deg); + transform: rotate(72deg); } .icon-not-favorite { background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M15.428%205.777c0%20.13-.078.274-.233.428l-3.24%203.16.767%204.465c.006.042.01.102.01.18%200%20.124-.032.23-.095.316-.062.086-.153.13-.272.13-.113%200-.232-.036-.357-.108l-4.01-2.107L3.99%2014.35c-.13.072-.25.107-.357.107-.125%200-.22-.043-.28-.13-.064-.085-.095-.19-.095-.316%200-.037.006-.096.018-.18l.768-4.464-3.25-3.16C.644%206.045.57%205.9.57%205.775c0-.22.167-.356.5-.41l4.482-.652L7.562.652c.112-.244.258-.366.437-.366.177%200%20.323.122.436.366l2.01%204.062%204.48.652c.335.054.5.19.5.41h.002z%22%20fill%3D%22%23CDCDCD%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); } .icon-star { - .trans !important; + transition: all 0.2s ease !important; } .icon-star path { @@ -318,7 +323,7 @@ a[class^="icon-"], a[class*=" icon-"] { stroke-width: sqrt(2); stroke-opacity: 1; fill-opacity: 0; - .trans; + transition: all 0.2s ease; } .icon-star-favorite { @@ -504,7 +509,8 @@ a[class^="icon-"], a[class*=" icon-"] { .icon-search-new { display: inline-block; vertical-align: top; - .square(16px); + width: 16px; + height: 16px; background-size: 13px 14px; background: no-repeat center center; background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M9%206.5c0-.964-.342-1.788-1.027-2.473C7.288%203.342%206.463%203%205.5%203c-.964%200-1.788.342-2.473%201.027C2.342%204.712%202%205.537%202%206.5c0%20.964.342%201.788%201.027%202.473C3.712%209.658%204.537%2010%205.5%2010c.964%200%201.788-.342%202.473-1.027C8.658%208.288%209%207.463%209%206.5zm4%206.5c0%20.27-.1.505-.297.703-.198.198-.432.297-.703.297-.28%200-.516-.1-.703-.297l-2.68-2.672c-.932.647-1.97.97-3.117.97-.745%200-1.457-.145-2.137-.434-.68-.29-1.265-.68-1.758-1.171-.492-.493-.882-1.08-1.17-1.758C.144%207.957%200%207.245%200%206.5c0-.745.145-1.457.434-2.137.29-.68.68-1.265%201.17-1.758.494-.492%201.08-.882%201.76-1.17C4.043%201.144%204.753%201%205.5%201c.745%200%201.457.145%202.137.434.68.29%201.265.68%201.758%201.17.492.494.882%201.08%201.17%201.76.29.68.435%201.39.435%202.136%200%201.146-.323%202.185-.97%203.117l2.68%202.68c.194.193.29.427.29.703z%22%20fill%3D%22%23777%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E'); @@ -541,13 +547,15 @@ a[class^="icon-"], a[class*=" icon-"] { } .icon-issues { display: inline-block; - .square(60px); + width: 60px; + height: 60px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iNjBweCIgaGVpZ2h0PSI2MHB4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPiAgICA8ZyBpZD0iTGF5ZXJfMSI+ICAgICAgICA8Zz4gICAgICAgICAgICA8cGF0aCBkPSJNMzAsMS43NzYzNmUtMTVDNDYuNTY4NSwxLjc3NjM2ZS0xNSA2MCwxMy40MzE1IDYwLDMwQzYwLDQ2LjU2ODUgNDYuNTY4NSw2MCAzMCw2MEMxMy40MzE1LDYwIDAsNDYuNTY4NSAwLDMwQzAsMTMuNDMxNSAxMy40MzE1LDEuNzc2MzZlLTE1IDMwLDEuNzc2MzZlLTE1WiIgc3R5bGU9ImZpbGw6dXJsKCN0YWcxKTsiLz4gICAgICAgICAgICA8cGF0aCBkPSJNNDgsNkM0Mi45ODY0LDIuMjMzMiAzNi43NTQyLDEuNzc2MzZlLTE1IDMwLDEuNzc2MzZlLTE1QzIzLjI0NTgsMS43NzYzNmUtMTUgMTcuMDE0MiwyLjIzMzIgMTIsNkwxMiw1NC4wMDA2QzE3LjAxNDIsNTcuNzY2OCAyMy4yNDU4LDYwIDMwLDYwQzM2Ljc1NDIsNjAgNDIuOTg2NCw1Ny43NjY4IDQ4LDU0LjAwMDZaIiBzdHlsZT0iZmlsbDpyZ2IoMjM0LDIzNCwyMzQpO2ZpbGwtcnVsZTpub256ZXJvOyIvPiAgICAgICAgICAgIDxwYXRoIGQ9Ik00Miw5QzQyLDkuNDk1IDQxLjQ2LDkuOSA0MC44LDkuOUwxOS4yLDkuOUMxOC41NCw5LjkgMTgsOS40OTUgMTgsOUMxOCw4LjUwNSAxOC41NCw4LjEgMTkuMiw4LjFMNDAuOCw4LjFDNDEuNDYsOC4xIDQyLDguNTA1IDQyLDlaIiBzdHlsZT0iZmlsbDpyZ2IoMTMyLDEzMiwxMzIpO2ZpbGwtcnVsZTpub256ZXJvOyIvPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNy42LDE1QzI3LjYsMTUuNDk1IDI3LjA2LDE1LjkgMjYuNCwxNS45TDE5LjIsMTUuOUMxOC41NCwxNS45IDE4LDE1LjQ5NSAxOCwxNUMxOCwxNC41MDUgMTguNTQsMTQuMSAxOS4yLDE0LjFMMjYuNCwxNC4xQzI3LjA2LDE0LjEgMjcuNiwxNC41MDUgMjcuNiwxNVoiIHN0eWxlPSJmaWxsOnJnYigxMzIsMTMyLDEzMik7ZmlsbC1ydWxlOm5vbnplcm87Ii8+ICAgICAgICAgICAgPHBhdGggZD0iTTQyLDIxQzQyLDIxLjQ5NSA0MS40NiwyMS45IDQwLjgsMjEuOUwxOS4yLDIxLjlDMTguNTQsMjEuOSAxOCwyMS40OTUgMTgsMjFDMTgsMjAuNTA1IDE4LjU0LDIwLjEgMTkuMiwyMC4xTDQwLjgsMjAuMUM0MS40NiwyMC4xIDQyLDIwLjUwNSA0MiwyMVoiIHN0eWxlPSJmaWxsOnJnYigxMzIsMTMyLDEzMik7ZmlsbC1ydWxlOm5vbnplcm87Ii8+ICAgICAgICAgICAgPGc+ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOS4yLDM0LjJDMTguODY5NCwzNC4yIDE4LjYsMzMuOTMxMiAxOC42LDMzLjZMMTguNiwyN0MxOC42LDI2LjY2OTQgMTguODY5NCwyNi40IDE5LjIsMjYuNEw0MC44LDI2LjRDNDEuMTMxMiwyNi40IDQxLjQsMjYuNjY5NCA0MS40LDI3TDQxLjQsMzMuNkM0MS40LDMzLjkzMTIgNDEuMTMxMiwzNC4yIDQwLjgsMzQuMloiIHN0eWxlPSJmaWxsOnJnYigyNTMsMjM0LDIzNCk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00MC44LDI3TDQwLjgsMzMuNkwxOS4yLDMzLjZMMTkuMiwyN000MC44LDI1LjhMMTkuMiwyNS44QzE4LjU0LDI1LjggMTgsMjYuMzQgMTgsMjdMMTgsMzMuNkMxOCwzNC4yNiAxOC41NCwzNC44IDE5LjIsMzQuOEw0MC44LDM0LjhDNDEuNDYsMzQuOCA0MiwzNC4yNiA0MiwzMy42TDQyLDI3QzQyLDI2LjM0IDQxLjQ2LDI1LjggNDAuOCwyNS44WiIgc3R5bGU9ImZpbGw6cmdiKDIyMSw2NCw2NCk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+ICAgICAgICAgICAgPC9nPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNy42LDM5QzI3LjYsMzkuNDk1IDI3LjA2LDM5LjkgMjYuNCwzOS45TDE5LjIsMzkuOUMxOC41NCwzOS45IDE4LDM5LjQ5NSAxOCwzOUMxOCwzOC41MDUgMTguNTQsMzguMSAxOS4yLDM4LjFMMjYuNCwzOC4xQzI3LjA2LDM4LjEgMjcuNiwzOC41MDUgMjcuNiwzOVoiIHN0eWxlPSJmaWxsOnJnYigxMzIsMTMyLDEzMik7ZmlsbC1ydWxlOm5vbnplcm87Ii8+ICAgICAgICAgICAgPHBhdGggZD0iTTM3LjIsNDVDMzcuMiw0NS40OTUgMzYuNjYsNDUuOSAzNiw0NS45TDE5LjIsNDUuOUMxOC41NCw0NS45IDE4LDQ1LjQ5NSAxOCw0NUMxOCw0NC41MDUgMTguNTQsNDQuMSAxOS4yLDQ0LjFMMzYsNDQuMUMzNi42Niw0NC4xIDM3LjIsNDQuNTA1IDM3LjIsNDVaIiBzdHlsZT0iZmlsbDpyZ2IoMTMyLDEzMiwxMzIpO2ZpbGwtcnVsZTpub256ZXJvOyIvPiAgICAgICAgICAgIDxwYXRoIGQ9Ik00Miw1MUM0Miw1MS40OTUgNDEuNDYsNTEuOSA0MC44LDUxLjlMMTkuMiw1MS45QzE4LjU0LDUxLjkgMTgsNTEuNDk1IDE4LDUxQzE4LDUwLjUwNSAxOC41NCw1MC4xIDE5LjIsNTAuMUw0MC44LDUwLjFDNDEuNDYsNTAuMSA0Miw1MC41MDUgNDIsNTFaIiBzdHlsZT0iZmlsbDpyZ2IoMTMyLDEzMiwxMzIpO2ZpbGwtcnVsZTpub256ZXJvOyIvPiAgICAgICAgPC9nPiAgICA8L2c+ICAgIDxkZWZzPiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJ0YWcxIiB4MT0iMCIgeTE9IjAiIHgyPSIxIiB5Mj0iMCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMy42NzM5NmUtMTUsNjAuMDAwMywtNjAuMDAwMywzLjY3Mzk2ZS0xNSwyOS45OTk3LDEuNzc2MzZlLTE1KSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDIyOSwyMDksMzQpO3N0b3Atb3BhY2l0eToxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoMjE1LDE5NywzMyk7c3RvcC1vcGFjaXR5OjEiLz48L2xpbmVhckdyYWRpZW50PiAgICA8L2RlZnM+PC9zdmc+); } .icon-workspace-doc { display: inline-block; vertical-align: top; - .size(9px, 16px); + width: 9px; + height: 16px; padding-right: 3px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgOSAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7Ij4gICAgPHBhdGggZD0iTTYuNTcxNDMsNS4xNDI4NkM2LjU3MTQzLDUuMjIwMjQgNi41NDMxNSw1LjI4NzIgNi40ODY2MSw1LjM0Mzc1QzYuNDMwMDYsNS40MDAzIDYuMzYzMSw1LjQyODU3IDYuMjg1NzEsNS40Mjg1N0M2LjIwODMzLDUuNDI4NTcgNi4xNDEzNyw1LjQwMDMgNi4wODQ4Miw1LjM0Mzc1QzYuMDI4MjcsNS4yODcyIDYsNS4yMjAyNCA2LDUuMTQyODZDNiw0Ljg2OTA1IDUuODM5MjksNC42NTc3NCA1LjUxNzg2LDQuNTA4OTNDNS4xOTY0Myw0LjM2MDEyIDQuODgwOTUsNC4yODU3MSA0LjU3MTQzLDQuMjg1NzFDNC40OTQwNSw0LjI4NTcxIDQuNDI3MDgsNC4yNTc0NCA0LjM3MDU0LDQuMjAwODlDNC4zMTM5OSw0LjE0NDM1IDQuMjg1NzEsNC4wNzczOCA0LjI4NTcxLDRDNC4yODU3MSwzLjkyMjYyIDQuMzEzOTksMy44NTU2NSA0LjM3MDU0LDMuNzk5MTFDNC40MjcwOCwzLjc0MjU2IDQuNDk0MDUsMy43MTQyOSA0LjU3MTQzLDMuNzE0MjlDNC44NjkwNSwzLjcxNDI5IDUuMTY1MTgsMy43NjE5IDUuNDU5ODIsMy44NTcxNEM1Ljc1NDQ2LDMuOTUyMzggNi4wMTMzOSw0LjExMzEgNi4yMzY2MSw0LjMzOTI5QzYuNDU5ODIsNC41NjU0OCA2LjU3MTQzLDQuODMzMzMgNi41NzE0Myw1LjE0Mjg2Wk04LDUuMTQyODZDOCw0LjcxNDI5IDcuODk3MzIsNC4zMTU0OCA3LjY5MTk2LDMuOTQ2NDNDNy40ODY2MSwzLjU3NzM4IDcuMjE4NzUsMy4yNzUzIDYuODg4MzksMy4wNDAxOEM2LjU1ODA0LDIuODA1MDYgNi4xOTE5NiwyLjYyMDU0IDUuNzkwMTgsMi40ODY2MUM1LjM4ODM5LDIuMzUyNjggNC45ODIxNCwyLjI4NTcxIDQuNTcxNDMsMi4yODU3MUM0LjE2MDcxLDIuMjg1NzEgMy43NTQ0NiwyLjM1MjY4IDMuMzUyNjgsMi40ODY2MUMyLjk1MDg5LDIuNjIwNTQgMi41ODQ4MiwyLjgwNTA2IDIuMjU0NDYsMy4wNDAxOEMxLjkyNDExLDMuMjc1MyAxLjY1NjI1LDMuNTc3MzggMS40NTA4OSwzLjk0NjQzQzEuMjQ1NTQsNC4zMTU0OCAxLjE0Mjg2LDQuNzE0MjkgMS4xNDI4Niw1LjE0Mjg2QzEuMTQyODYsNS43NDQwNSAxLjM0NTI0LDYuMjc5NzYgMS43NSw2Ljc1QzEuODA5NTIsNi44MTU0OCAxLjkwMDMsNi45MTM2OSAyLjAyMjMyLDcuMDQ0NjRDMi4xNDQzNSw3LjE3NTYgMi4yMzUxMiw3LjI3MzgxIDIuMjk0NjQsNy4zMzkyOUMzLjA1NjU1LDguMjUgMy40NzYxOSw5LjEzNjkgMy41NTM1NywxMEw1LjU4OTI5LDEwQzUuNjY2NjcsOS4xMzY5IDYuMDg2MzEsOC4yNSA2Ljg0ODIxLDcuMzM5MjlDNi45MDc3NCw3LjI3MzgxIDYuOTk4NTEsNy4xNzU2IDcuMTIwNTQsNy4wNDQ2NEM3LjI0MjU2LDYuOTEzNjkgNy4zMzMzMyw2LjgxNTQ4IDcuMzkyODYsNi43NUM3Ljc5NzYyLDYuMjc5NzYgOCw1Ljc0NDA1IDgsNS4xNDI4NlpNOS4xNDI4Niw1LjE0Mjg2QzkuMTQyODYsNi4wNjU0OCA4LjgzNjMxLDYuODYzMSA4LjIyMzIxLDcuNTM1NzFDNy45NTUzNiw3LjgyNzM4IDcuNzMzNjMsOC4wODYzMSA3LjU1ODA0LDguMzEyNUM3LjM4MjQ0LDguNTM4NjkgNy4yMDUzNiw4LjgyMjkyIDcuMDI2NzksOS4xNjUxOEM2Ljg0ODIxLDkuNTA3NDQgNi43NDcwMiw5LjgyNzM4IDYuNzIzMjEsMTAuMTI1QzcuMDAyOTgsMTAuMjkxNyA3LjE0Mjg2LDEwLjUzNTcgNy4xNDI4NiwxMC44NTcxQzcuMTQyODYsMTEuMDc3NCA3LjA2ODQ1LDExLjI2NzkgNi45MTk2NCwxMS40Mjg2QzcuMDY4NDUsMTEuNTg5MyA3LjE0Mjg2LDExLjc3OTggNy4xNDI4NiwxMkM3LjE0Mjg2LDEyLjMwOTUgNy4wMDg5MywxMi41NTA2IDYuNzQxMDcsMTIuNzIzMkM2LjgxODQ1LDEyLjg2MDEgNi44NTcxNCwxMyA2Ljg1NzE0LDEzLjE0MjlDNi44NTcxNCwxMy40MTY3IDYuNzYzMzksMTMuNjI4IDYuNTc1ODksMTMuNzc2OEM2LjM4ODM5LDEzLjkyNTYgNi4xNTc3NCwxNCA1Ljg4MzkzLDE0QzUuNzY0ODgsMTQuMjYxOSA1LjU4NjMxLDE0LjQ3MDIgNS4zNDgyMSwxNC42MjVDNS4xMTAxMiwxNC43Nzk4IDQuODUxMTksMTQuODU3MSA0LjU3MTQzLDE0Ljg1NzFDNC4yOTE2NywxNC44NTcxIDQuMDMyNzQsMTQuNzc5OCAzLjc5NDY0LDE0LjYyNUMzLjU1NjU1LDE0LjQ3MDIgMy4zNzc5OCwxNC4yNjE5IDMuMjU4OTMsMTRDMi45ODUxMiwxNCAyLjc1NDQ2LDEzLjkyNTYgMi41NjY5NiwxMy43NzY4QzIuMzc5NDYsMTMuNjI4IDIuMjg1NzEsMTMuNDE2NyAyLjI4NTcxLDEzLjE0MjlDMi4yODU3MSwxMyAyLjMyNDQsMTIuODYwMSAyLjQwMTc5LDEyLjcyMzJDMi4xMzM5MywxMi41NTA2IDIsMTIuMzA5NSAyLDEyQzIsMTEuNzc5OCAyLjA3NDQsMTEuNTg5MyAyLjIyMzIxLDExLjQyODZDMi4wNzQ0LDExLjI2NzkgMiwxMS4wNzc0IDIsMTAuODU3MUMyLDEwLjUzNTcgMi4xMzk4OCwxMC4yOTE3IDIuNDE5NjQsMTAuMTI1QzIuMzk1ODMsOS44MjczOCAyLjI5NDY0LDkuNTA3NDQgMi4xMTYwNyw5LjE2NTE4QzEuOTM3NSw4LjgyMjkyIDEuNzYwNDIsOC41Mzg2OSAxLjU4NDgyLDguMzEyNUMxLjQwOTIzLDguMDg2MzEgMS4xODc1LDcuODI3MzggMC45MTk2NDMsNy41MzU3MUMwLjMwNjU0OCw2Ljg2MzEgMCw2LjA2NTQ4IDAsNS4xNDI4NkMwLDQuNTUzNTcgMC4xMzI0NCw0LjAwNDQ2IDAuMzk3MzIxLDMuNDk1NTRDMC42NjIyMDIsMi45ODY2MSAxLjAxMDQyLDIuNTYzOTkgMS40NDE5NiwyLjIyNzY4QzEuODczNTEsMS44OTEzNyAyLjM2MTYxLDEuNjI2NDkgMi45MDYyNSwxLjQzMzA0QzMuNDUwODksMS4yMzk1OCA0LjAwNTk1LDEuMTQyODYgNC41NzE0MywxLjE0Mjg2QzUuMTM2OSwxLjE0Mjg2IDUuNjkxOTYsMS4yMzk1OCA2LjIzNjYxLDEuNDMzMDRDNi43ODEyNSwxLjYyNjQ5IDcuMjY5MzUsMS44OTEzNyA3LjcwMDg5LDIuMjI3NjhDOC4xMzI0NCwyLjU2Mzk5IDguNDgwNjUsMi45ODY2MSA4Ljc0NTU0LDMuNDk1NTRDOS4wMTA0Miw0LjAwNDQ2IDkuMTQyODYsNC41NTM1NyA5LjE0Mjg2LDUuMTQyODZaIiBzdHlsZT0iZmlsbDpyZ2IoNDUsMTM1LDE5Mik7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PC9zdmc+); background-repeat: no-repeat; @@ -557,7 +565,8 @@ a[class^="icon-"], a[class*=" icon-"] { top: 1px; display: inline-block; vertical-align: top; - .size(14px, 14px); + width: 14px; + height: 14px; background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M2.977%2012.656c0%20.417-.142.745-.426.985-.283.24-.636.36-1.058.36-.552%200-1-.172-1.344-.516l.446-.687c.255.234.53.35.828.35.15%200%20.282-.036.394-.112.112-.075.168-.186.168-.332%200-.333-.273-.48-.82-.437l-.203-.438c.043-.052.127-.165.255-.34.127-.174.238-.315.332-.422.094-.106.19-.207.29-.3v-.008c-.084%200-.21.002-.38.008-.17.005-.296.007-.38.007v.415H.25V10h2.602v.688l-.743.898c.265.062.476.19.632.383.156.19.235.42.235.686zm.015-4.898V9H.164c-.03-.188-.047-.328-.047-.422%200-.265.06-.508.184-.726.123-.22.27-.396.442-.532.172-.135.344-.26.516-.37.172-.113.32-.226.44-.34.124-.115.185-.232.185-.352%200-.13-.038-.23-.113-.3-.076-.07-.18-.106-.31-.106-.24%200-.45.15-.632.453l-.664-.46c.125-.267.31-.474.56-.622.246-.15.52-.223.823-.223.38%200%20.7.108.96.324.26.216.39.51.39.88%200%20.26-.087.498-.264.714-.177.216-.373.384-.586.504-.214.12-.41.25-.59.394-.18.144-.272.28-.277.41h.992V7.76h.82zM14%2010.25v1.5c0%20.068-.025.126-.074.176-.05.05-.108.074-.176.074h-9.5c-.068%200-.126-.025-.176-.074-.05-.05-.074-.108-.074-.176v-1.5c0-.073.023-.133.07-.18.047-.047.107-.07.18-.07h9.5c.068%200%20.126.025.176.074.05.05.074.108.074.176zM3%203.227V4H.383v-.773h.836c0-.214%200-.532.003-.954l.004-.945v-.094H1.21c-.04.09-.17.23-.39.422l-.554-.593L1.328.07h.828v3.157H3zM14%206.25v1.5c0%20.068-.025.126-.074.176-.05.05-.108.074-.176.074h-9.5c-.068%200-.126-.025-.176-.074C4.024%207.876%204%207.818%204%207.75v-1.5c0-.073.023-.133.07-.18.047-.047.107-.07.18-.07h9.5c.068%200%20.126.025.176.074.05.05.074.108.074.176zm0-4v1.5c0%20.068-.025.126-.074.176-.05.05-.108.074-.176.074h-9.5c-.068%200-.126-.025-.176-.074C4.024%203.876%204%203.818%204%203.75v-1.5c0-.068.025-.126.074-.176.05-.05.108-.074.176-.074h9.5c.068%200%20.126.025.176.074.05.05.074.108.074.176z%22%20fill%3D%22%23236A97%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat; } @@ -590,10 +599,11 @@ a[class^="icon-"], a[class*=" icon-"] { .spinner { position: relative; vertical-align: middle; - .square(16px); + width: 16px; + height: 16px; border: 2px solid #0cf; border-radius: 50%; - .animation(spin 0.75s infinite linear); + animation: spin 0.75s infinite linear; // For IE9 only, because it does not support css animations // Show animated gif @@ -622,27 +632,23 @@ a[class^="icon-"], a[class*=" icon-"] { .spinner:before, .spinner:after { display: inline-block; - .box-sizing(border-box); + box-sizing: border-box; border-color: transparent; border-top-color: @blue; - .animation-duration(1.2s); + animation-duration: 1.2s; } .spinner:before { - .rotate(120deg); + transform: rotate(120deg); } .spinner:after { - .rotate(240deg); + transform: rotate(240deg); } .spinner-margin { margin: 10px; } -@-webkit-keyframes spin { - from { .rotate(0deg); } - to { .rotate(360deg); } -} @keyframes spin { - from { .rotate(0deg); } - to { .rotate(360deg); } + from { transform: rotate(0deg); } + to { transform: rotate(36deg); } } diff --git a/server/sonar-web/src/main/less/init/links.less b/server/sonar-web/src/main/less/init/links.less index 83e89658c35..844ecb01584 100644 --- a/server/sonar-web/src/main/less/init/links.less +++ b/server/sonar-web/src/main/less/init/links.less @@ -16,7 +16,7 @@ a { cursor: pointer; outline: none; text-decoration: none; - .trans; + transition: all 0.2s ease; } .link-base-color { diff --git a/server/sonar-web/src/main/less/mixins.less b/server/sonar-web/src/main/less/mixins.less index efe411f7d72..a19d96474b2 100644 --- a/server/sonar-web/src/main/less/mixins.less +++ b/server/sonar-web/src/main/less/mixins.less @@ -4,185 +4,3 @@ &:before, &:after { display: table; content: ""; line-height: 0; } &:after { clear: both; } } - -.size(@width, @height) { - width: @width; - height: @height; -} - -.square(@size) { - .size(@size, @size); -} - -.topLeft(@top, @left) { - top: @top; - left: @left; -} - -.topRight(@top, @right) { - top: @top; - right: @right; -} - -.bottomLeft(@bottom, @left) { - bottom: @bottom; - left: @left; -} - -.bottomRight(@bottom, @right) { - bottom: @bottom; - right: @left; -} - -.rotate(@degrees) { - -webkit-transform: rotate(@degrees); - -ms-transform: rotate(@degrees); - transform: rotate(@degrees); -} -.rotateX(@degrees) { - -webkit-transform: rotateX(@degrees); - -ms-transform: rotateX(@degrees); - transform: rotateX(@degrees); -} -.scale(@ratio) { - -webkit-transform: scale(@ratio); - -ms-transform: scale(@ratio); - transform: scale(@ratio); -} -.scale2(@w, @h) { - -webkit-transform: scale(@w, @h); - -ms-transform: scale(@w, @h); - transform: scale(@w, @h); -} -.translate(@x, @y) { - -webkit-transform: translate(@x, @y); - -ms-transform: translate(@x, @y); - transform: translate(@x, @y); -} -.skew(@x, @y) { - -webkit-transform: skew(@x, @y); - -ms-transform: skew(@x, @y); - transform: skew(@x, @y); -} -.translate3d(@x, @y, @z) { - -webkit-transform: translate3d(@x, @y, @z); - transform: translate3d(@x, @y, @z); -} -.transform-origin(@origin) { - -webkit-transform-origin: @origin; - -ms-transform-origin: @origin; - transform-origin: @origin; -} - -.box-sizing(@boxmodel) { - -moz-box-sizing: @boxmodel; - box-sizing: @boxmodel; -} - -.animation(@animation) { - -webkit-animation: @animation; - animation: @animation; -} -.animation-duration(@duration) { - -webkit-animation-duration: @duration; - animation-duration: @duration; -} - -.horizontal-gradient(@startColor: #555, @endColor: #333) { - background-color: @endColor; - background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+ - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+ - background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+ - background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10 - background-image: linear-gradient(to right, @startColor, @endColor); // Standard, IE10 - background-repeat: repeat-x; -} -.vertical-gradient(@startColor: #555, @endColor: #333) { - background-color: mix(@startColor, @endColor, 60%); - background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+ - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+ - background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+ - background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10 - background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10 - background-repeat: repeat-x; -} -.directional-gradient(@startColor: #555, @endColor: #333, @deg: 45deg) { - background-color: @endColor; - background-repeat: repeat-x; - background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+ - background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+ - background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10 - background-image: linear-gradient(@deg, @startColor, @endColor); // Standard, IE10 -} -.vertical-three-colors-gradient(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) { - background-color: mix(@midColor, @endColor, 80%); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor)); - background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor); - background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor); - background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor); - background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor); - background-repeat: no-repeat; -} -.radial-gradient(@innerColor: #555, @outerColor: #333) { - background-color: @outerColor; - background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@innerColor), to(@outerColor)); - background-image: -webkit-radial-gradient(circle, @innerColor, @outerColor); - background-image: -moz-radial-gradient(circle, @innerColor, @outerColor); - background-image: -o-radial-gradient(circle, @innerColor, @outerColor); - background-repeat: no-repeat; -} -.striped-gradient(@color, @angle: 45deg) { - background-color: @color; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -} - -.user-select(@mode) { - -webkit-user-select: @mode; - -moz-user-select: @mode; - -ms-user-select: @mode; - user-select: @mode; -} - -.trans(@property: all, @options: @defaultTransitionOptions) { - transition: @property @options; -} - -.webkit-scrollbar() { - &::-webkit-scrollbar { - width: 11px; - background-color: transparent; - background-clip: content-box; - } - &::-webkit-scrollbar-button { - background-color: transparent; - } - &::-webkit-scrollbar-corner { - background-color: transparent; - } - &::-webkit-scrollbar-thumb { - border: solid transparent; - border-width: 1px 1px 1px 2px; - background-color: #c5c5c5; - background-clip: content-box; - - &:hover { - background-color: darken(#ccc, 5%); - } - } - &::-webkit-scrollbar-track { - border: solid #fff; - border-width: 1px 1px 1px 2px; - background-color: #fff; - background-clip: content-box; - } - &::-webkit-scrollbar-track-piece { - border-left: 1px solid #ccc; - background-color: transparent; - } -} - -@retina: ~"(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)"; diff --git a/server/sonar-web/src/main/less/pages.less b/server/sonar-web/src/main/less/pages.less index 0dce505a7a8..d806e8862f9 100644 --- a/server/sonar-web/src/main/less/pages.less +++ b/server/sonar-web/src/main/less/pages.less @@ -2,9 +2,7 @@ @import "pages/background-tasks"; @import "pages/coding-rules"; @import "pages/dashboard"; -@import "pages/dsm"; @import "pages/issues"; -@import "pages/libraries"; @import "pages/quality-gates"; @import "pages/maintenance"; @import "pages/login"; diff --git a/server/sonar-web/src/main/less/pages/analysis-reports.less b/server/sonar-web/src/main/less/pages/analysis-reports.less index d9a7387f575..40f2684b2c3 100644 --- a/server/sonar-web/src/main/less/pages/analysis-reports.less +++ b/server/sonar-web/src/main/less/pages/analysis-reports.less @@ -76,14 +76,14 @@ } .analysis-reports-spinner { - .size(200px, 200px); + width: 200px; + height: 200px; margin-top: 20px; } .analysis-reports-spinner, .analysis-reports-spinner:before .analysis-reports-spinner:after { - -webkit-animation-duration: 6s; animation-duration: 6s; } @@ -94,6 +94,5 @@ .analysis-reports-timestamp-spinner, .analysis-reports-timestamp-spinner:before, .analysis-reports-timestamp-spinner:after { - -webkit-animation-duration: 2s; animation-duration: 2s; } diff --git a/server/sonar-web/src/main/less/pages/coding-rules.less b/server/sonar-web/src/main/less/pages/coding-rules.less index 5c4cab257cf..fc3074184cc 100644 --- a/server/sonar-web/src/main/less/pages/coding-rules.less +++ b/server/sonar-web/src/main/less/pages/coding-rules.less @@ -340,7 +340,7 @@ z-index: @dropdown-menu-z-index; width: 200px; border: 1px solid @navigatorBorderLightColor; - .box-sizing(border-box); + box-sizing: border-box; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5); background-color: #fff; } @@ -356,7 +356,7 @@ text-overflow: ellipsis; white-space: nowrap; .link-no-underline; - .trans; + transition: all 0.2s ease; &:hover { background-color: @navigatorBarBackground; } diff --git a/server/sonar-web/src/main/less/pages/dashboard.less b/server/sonar-web/src/main/less/pages/dashboard.less index 3791317abf7..eb04ec9a65e 100644 --- a/server/sonar-web/src/main/less/pages/dashboard.less +++ b/server/sonar-web/src/main/less/pages/dashboard.less @@ -182,8 +182,6 @@ padding: 0; margin: 0; border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; } #dashboard #dashboard-operations ul.operations li { @@ -268,9 +266,6 @@ #dashboard .shadow-block { box-shadow: 8px 8px 8px #ddd; - box-shadow: 8px 8px 8px #ddd; - -moz-box-shadow: 8px 8px 8px #ddd; - -webkit-box-shadow: 8px 8px 8px #ddd; } @@ -288,7 +283,7 @@ display: inline-block; vertical-align: top; padding: 0 10px 20px; - .box-sizing(border-box); + box-sizing: border-box; font-size: @baseFontSize; } diff --git a/server/sonar-web/src/main/less/pages/dsm.less b/server/sonar-web/src/main/less/pages/dsm.less deleted file mode 100644 index 36a9825c5d8..00000000000 --- a/server/sonar-web/src/main/less/pages/dsm.less +++ /dev/null @@ -1,124 +0,0 @@ -@import (reference) '../variables'; -@import (reference) '../mixins'; -@import (reference) '../components/ui'; - -@cellSize: 22px; - -.dsm { - -} - - -.dsm-legend { - margin: 10px 0; - - & > li { - display: inline-block; - } - - & > li + li { - margin-left: 20px; - } -} - -.dsm-legend-square { - display: inline-block; - vertical-align: middle; - .size(14px, 14px); - - &.gray { background-color: @grey; } - &.red { background-color: @red; } - &.green { .dsm-usage-mixin; } - &.blue { background-color: @blue; } - &.yellow { .dsm-dependency-mixin; } -} - -.dsm-legend-label { - display: inline-block; - vertical-align: middle; - font-size: @baseFontSize; -} - - -.dsm-body td { - border: 1px solid @barBorderColor; -} - - -.dsm-body-title { - position: relative; - vertical-align: middle; - padding: 2px 32px 2px 4px; - border-right: 2px solid darken(@barBorderColor, 8%) !important; - color: @baseFontColor; - cursor: pointer; - white-space: nowrap; - .link-no-underline; - .trans(background-color); - - &:hover { background-color: @barBackgroundColor; } -} - -.dsm-body-cell { - min-width: 23px; - padding: 2px 4px; - .box-sizing(border-box); - text-align: center; - cursor: pointer; - white-space: nowrap; - .trans(background-color); -} - -.dsm-body-cell-dependency { - background-color: @grey; -} - -.dsm-body-cell-cycle { - background-color: @red !important; - color: #fff !important; -} - - -.dsm-body-highlighted { - background-color: #dff2fd; - - &:hover { background-color: #dff2fd; } -} - -.dsm-body-usage, .dsm-body-usage:hover { .dsm-usage-mixin; } -.dsm-body-dependency, .dsm-body-dependency:hover { .dsm-dependency-mixin; } - - -.dsm-usage-mixin() { - background-color: #e2ffbe; -} - -.dsm-dependency-mixin() { - background-color: #fde9cc; -} - - -.dsm-info { - - th { - padding: 2px 5px 7px; - font-weight: 500; - } - - td { - padding: 2px 5px; - - &.changed { padding-top: 7px; } - } -} - -.dsm-body-title-package-tangles { - position: absolute; - top: 50%; right: 4px; - margin-top: -10px; - padding: 2px 5px; - border-radius: 20px; - background: @red; - font-size: @smallFontSize; - color: #fff; -} diff --git a/server/sonar-web/src/main/less/pages/libraries.less b/server/sonar-web/src/main/less/pages/libraries.less deleted file mode 100644 index d67dc0c9b5a..00000000000 --- a/server/sonar-web/src/main/less/pages/libraries.less +++ /dev/null @@ -1,105 +0,0 @@ -@import (reference) "../variables"; -@import (reference) "../mixins"; - - -.libraries-header { - margin-bottom: 20px; - font-size: 0; -} - -.libraries-header-filter, -.libraries-header-test, -.libraries-header-actions { - display: inline-block; - vertical-align: middle; - font-size: @baseFontSize; -} - -.libraries-header-test, -.libraries-header-actions { - margin-left: 30px; -} - -.libraries-header-actions { - margin-right: -10px; - - a { margin-right: 10px; } -} - - -.libraries-tree { - - & > ul ul { - padding-left: 24px; - } - - & > ul ul ul { - margin: 4px 0 4px 8px; - padding-left: 16px; - border-left: 1px dashed #ddd; - } - - & > ul > li + li { - margin-top: 15px; - } - - & > ul > li > .libraries-tree-name { - font-weight: 500; - } - - li { - padding: 3px 0; - } - - li:last-child { - padding-bottom: 0; - } - - .icon-dropdown { - display: inline-block; - width: 10px; - visibility: hidden; - } -} - -.libraries-tree-subtree-hidden { - display: none; -} - -.libraries-tree-with-subtree { - - & > .libraries-tree-name { - border-bottom: 1px solid transparent; - cursor: pointer; - .trans; - - &:hover { border-color: #ddd; } - } - - & > a > .icon-dropdown { - visibility: visible; - } -} - -.libraries-tree-subtree-collapsed { - - & > ul { - display: none; - } - - & > a > .icon-dropdown:before { - content: "\f0da"; - } -} - -.libraries-tree-test { - display: none; - - .libraries-tree-show-tests & { display: list-item; } -} - -.libraries-tree-version { - margin: 0 3px; - padding: 0 4px; - background: @barBackgroundColor; -} diff --git a/server/sonar-web/src/main/less/pages/login.less b/server/sonar-web/src/main/less/pages/login.less index ad4d3503525..0ef7c2afb68 100644 --- a/server/sonar-web/src/main/less/pages/login.less +++ b/server/sonar-web/src/main/less/pages/login.less @@ -24,15 +24,16 @@ display: inline-block; vertical-align: top; padding: 2px; - .box-sizing(border-box); + box-sizing: border-box; &:before { content: " "; display: block; - .square(10px); + width: 10px; + height: 10px; border: 1px solid @darkBlue; border-radius: 2px; - .trans; + transition: all 0.2s ease; } } diff --git a/server/sonar-web/src/main/less/select2-sonar.less b/server/sonar-web/src/main/less/select2-sonar.less index 92671245750..41e646fc5cc 100644 --- a/server/sonar-web/src/main/less/select2-sonar.less +++ b/server/sonar-web/src/main/less/select2-sonar.less @@ -22,7 +22,7 @@ .select2-container .select2-choice, .select2-container .select2-choices { - .trans(border-color); + transition: border-color 0.2s ease; } .select2-container .select2-choice abbr { @@ -161,7 +161,7 @@ .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b { - background-image: url(@imagesPath); + background-image: url(@imagesPath2x); } .select2-search input.select2-active, @@ -170,15 +170,6 @@ background-image: url(@spinnerPath); } -@media @retina { - .select2-search-choice-close, - .select2-container .select2-choice abbr, - .select2-container .select2-choice div b { - background-image: url(@imagesPath2x) !important; - } -} - - diff --git a/server/sonar-web/src/main/less/style.less b/server/sonar-web/src/main/less/style.less index af0d7201b48..046abc51a19 100644 --- a/server/sonar-web/src/main/less/style.less +++ b/server/sonar-web/src/main/less/style.less @@ -409,7 +409,7 @@ ul.bullet li { a > & { margin-bottom: -1px; border-bottom: 1px solid @orange; - .trans; + transition: all 0.2s ease; &:hover { opacity: 0.8; } } @@ -424,7 +424,7 @@ ul.bullet li { a > & { margin-bottom: -1px; border-bottom: 1px solid @red; - .trans; + transition: all 0.2s ease; &:hover { opacity: 0.8; } } @@ -457,7 +457,7 @@ ul.bullet li { margin: 10px 0 !important; padding: 10px !important; border: 1px dashed #aaa; - .box-sizing(border-box); + box-sizing: border-box; font-size: 12px; font-family: @monoFontFamily; } @@ -775,9 +775,7 @@ select.medium-width { textarea.width100 { width: 100%; - -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ - -moz-box-sizing: border-box; /* Firefox, other Gecko */ - box-sizing: border-box; /* Opera/IE 8+ */ + box-sizing: border-box; } .property { -- 2.39.5