Repository: incubator-ignite Updated Branches: refs/heads/ignite-843 2d25932ce -> 6d89c5fa2
IGNITE-843 css for popup. Project: http://git-wip-us.apache.org/repos/asf/incubator-ignite/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-ignite/commit/6d89c5fa Tree: http://git-wip-us.apache.org/repos/asf/incubator-ignite/tree/6d89c5fa Diff: http://git-wip-us.apache.org/repos/asf/incubator-ignite/diff/6d89c5fa Branch: refs/heads/ignite-843 Commit: 6d89c5fa2ce13c3b3ed576f390f7e2428ecf3614 Parents: 2d25932 Author: AKuznetsov <akuznet...@gridgain.com> Authored: Thu Aug 13 17:33:25 2015 +0700 Committer: AKuznetsov <akuznet...@gridgain.com> Committed: Thu Aug 13 17:33:25 2015 +0700 ---------------------------------------------------------------------- .../src/main/js/public/stylesheets/style.scss | 28 ++++++++++++++++++++ .../src/main/js/views/templates/popover.jade | 9 +++---- 2 files changed, 32 insertions(+), 5 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/6d89c5fa/modules/control-center-web/src/main/js/public/stylesheets/style.scss ---------------------------------------------------------------------- diff --git a/modules/control-center-web/src/main/js/public/stylesheets/style.scss b/modules/control-center-web/src/main/js/public/stylesheets/style.scss index 753bef0..5bf9c9a 100644 --- a/modules/control-center-web/src/main/js/public/stylesheets/style.scss +++ b/modules/control-center-web/src/main/js/public/stylesheets/style.scss @@ -929,6 +929,34 @@ button .caret, .btn .caret { margin-left: 5px; } +.popover-arrow { + background: white; + border: 1px solid $ignite-red; +} + +.popover-arrow:after, .popover-arrow:before { + right: 100%; + top: 50%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} + +.popover-arrow:after { + border: solid 7px transparent; + border-right-color: white; + margin-top: -7px; +} + +.popover-arrow:before { + border: solid 8px transparent; + border-right-color: $ignite-red; + margin-top: -8px; +} + label { font-weight: normal; margin-bottom: 0; http://git-wip-us.apache.org/repos/asf/incubator-ignite/blob/6d89c5fa/modules/control-center-web/src/main/js/views/templates/popover.jade ---------------------------------------------------------------------- diff --git a/modules/control-center-web/src/main/js/views/templates/popover.jade b/modules/control-center-web/src/main/js/views/templates/popover.jade index cc5a884..3770482 100644 --- a/modules/control-center-web/src/main/js/views/templates/popover.jade +++ b/modules/control-center-web/src/main/js/views/templates/popover.jade @@ -14,8 +14,7 @@ See the License for the specific language governing permissions and limitations under the License. -.popover - .arrow - .popover-content - label {{content}} - button.close(type='button' ng-click='$hide()') × +.popover-arrow.popover + .popover-content + label {{content}} + button.close(type='button' ng-click='$hide()') ×
