diff options
author | dizzy <diosmosis@users.noreply.github.com> | 2021-09-30 16:02:03 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-09-30 16:02:03 +0300 |
commit | c69f12a66a86c93e6f9ad8449cf7c4957b128768 (patch) | |
tree | 4aa8a4fc17715fddcd0a5f5080f3464a9729201c /plugins/CoreHome/angularjs | |
parent | 10fe3ec18cb29969cfa44bd4d9608e5e0d33c041 (diff) |
[Vue] Migrate piwik-alert directive to Vue component (#18075)
* fix generate vue component command (new subfolder organization was not updated there)
* migrate alert directive as example of handling angularjs transclude
* production build
* add sourcemaps
* Update Alert.adapter.ts
* vue build
Diffstat (limited to 'plugins/CoreHome/angularjs')
-rw-r--r-- | plugins/CoreHome/angularjs/alert/alert.directive.less | 124 |
1 files changed, 0 insertions, 124 deletions
diff --git a/plugins/CoreHome/angularjs/alert/alert.directive.less b/plugins/CoreHome/angularjs/alert/alert.directive.less deleted file mode 100644 index 6d1dc174cb..0000000000 --- a/plugins/CoreHome/angularjs/alert/alert.directive.less +++ /dev/null @@ -1,124 +0,0 @@ -.alert-icon-center-vertically(@font-size) { - @half-height: @font-size / 2; - // IE8 doesn't support calc(): it's OK, the icon will just be aligned to the top - top: calc(~'50% - @{half-height}'); - // phantomjs only supports -webkit-calc() - top: -webkit-calc(~'50% - @{half-height}'); -} - -.alert { - padding: 20px 20px 20px 60px; - margin-bottom: 20px; - border: 1px solid transparent; - border-radius: 2px; - font-size: 14px; - position: relative; - &:before { - font-family: "matomo"; - content: "\e625"; - position: absolute; - left: 20px; - line-height: 100%; // line-height = font-size - font-size: 24px; - } - - a { - color: inherit; - text-decoration: underline; - } -} - -body #content .alert-success p { - color: @color-green-piwik; -} - -.alert-success { - color: @color-green-piwik; - border-color: @color-green-piwik; - &:before { - content: "\e63d"; - color: @color-green-piwik; - } - p { - color: @color-green-piwik; - } - a { - color: @color-green-piwik; - text-decoration: underline; - &:hover { - text-decoration: underline; - } - } -} - -body #content .alert-info p { - color: #838383; -} - -.alert-info { - color: #838383; - background-color: #F5F5F5; - font-size: 14px; - padding-top: 15px; - padding-bottom: 15px; - p { - color: #838383; - } - &:before { - color: #afafaf; - font-size: 20px; - } - a { - color: #838383; - text-decoration: underline; - &:hover { - text-decoration: underline; - } - } -} - -body #content .alert-warning p { - color: #fbf7f1; -} - -.alert-warning { - color: #f57c00; - border-color: #f57c00; - &:before { - content: "\e621"; - color: #f57c00; - } - p { - color: #f57c00; - } - a { - color: #f57c00; - text-decoration: underline; - &:hover { - text-decoration: underline; - } - } -} - -body #content .alert-danger p { - color: @color-red-piwik; -} - -.alert-danger { - color: @color-red-piwik; - border-color: @color-red-piwik; - &:before { - content: "\e616"; - color: @color-red-piwik; - } - p { - color: @color-red-piwik; - } - a { - color: @color-red-piwik; - text-decoration: underline; - &:hover { - text-decoration: underline; - } - } -} |