Skip to content

Commit

Permalink
Update toolbar's arrow skin.
Browse files Browse the repository at this point in the history 
Fixes liferay#91
  • Loading branch information
@ambrinchaudhary
ambrinchaudhary committed Jan 27, 2015
1 parent 6cacd6f commit 8bdddc2
Show file tree
Hide file tree
Showing 6 changed files with 48 additions and 128 deletions.
61 changes: 16 additions & 45 deletions src/ui/yui/src/assets/css/arrow-box.css
View file
Original file line number Diff line number Diff line change
@@ -1,68 +1,39 @@
/* line 2, ../sass/arrow-box.scss */
.alloy-editor-arrow-box:after, .alloy-editor-arrow-box:before {
content: ' ';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
/* line 11, ../sass/arrow-box.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-top:after, .alloy-editor-arrow-box.alloy-editor-arrow-box-top:before {
bottom: 100%;
left: 50%;
border-left-width: 5px;
border-right-width: 5px;
border-bottom-width: 4px;
margin-left: -5px;
}
/* line 16, ../sass/arrow-box.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-top:after {
border-width: 7px;
margin-left: -7px;
}
/* line 21, ../sass/arrow-box.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-top:before {
border-width: 9px;
margin-left: -9px;
}
/* line 28, ../sass/arrow-box.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-bottom:after, .alloy-editor-arrow-box.alloy-editor-arrow-box-bottom:before {
top: 100%;
left: 50%;
border-left-width: 5px;
border-right-width: 5px;
border-top-width: 4px;
margin-left: -5px;
}
/* line 33, ../sass/arrow-box.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-bottom:after {
border-width: 7px;
margin-left: -7px;
}
/* line 38, ../sass/arrow-box.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-bottom:before {
border-width: 9px;
margin-left: -9px;
}
/* line 45, ../sass/arrow-box.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-left:after, .alloy-editor-arrow-box.alloy-editor-arrow-box-left:before {
right: 100%;
top: 50%;
border-top-width: 5px;
border-bottom-width: 5px;
border-right-width: 4px;
margin-top: -5px;
}
/* line 50, ../sass/arrow-box.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-left:after {
border-width: 7px;
margin-top: -7px;
}
/* line 55, ../sass/arrow-box.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-left:before {
border-width: 9px;
margin-top: -9px;
}
/* line 62, ../sass/arrow-box.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-right:after, .alloy-editor-arrow-box.alloy-editor-arrow-box-right:before {
left: 100%;
top: 50%;
}
/* line 67, ../sass/arrow-box.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-right:after {
border-width: 7px;
margin-top: -7px;
}
/* line 72, ../sass/arrow-box.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-right:before {
border-width: 9px;
margin-top: -9px;
border-top-width: 5px;
border-bottom-width: 5px;
border-left-width: 4px;
margin-top: -5px;
}
9 changes: 0 additions & 9 deletions src/ui/yui/src/assets/css/skin/dark/arrow-box-skin.css
View file
Original file line number Diff line number Diff line change
@@ -1,36 +1,27 @@
/* line 2, ../../../sass/skin/dark/arrow-box-skin.scss */
.alloy-editor-arrow-box:after, .alloy-editor-arrow-box:before {
border: solid transparent;
}
/* line 7, ../../../sass/skin/dark/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-top:after {
border-bottom-color: #2f323d;
}
/* line 11, ../../../sass/skin/dark/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-top:before {
border-bottom-color: #2f323d;
}
/* line 17, ../../../sass/skin/dark/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-bottom:after {
border-top-color: #2f323d;
}
/* line 21, ../../../sass/skin/dark/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-bottom:before {
border-top-color: #2f323d;
}
/* line 27, ../../../sass/skin/dark/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-left:after {
border-right-color: #2f323d;
}
/* line 31, ../../../sass/skin/dark/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-left:before {
border-right-color: #2f323d;
}
/* line 37, ../../../sass/skin/dark/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-right:after {
border-left-color: #2f323d;
}
/* line 41, ../../../sass/skin/dark/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-right:before {
border-left-color: #2f323d;
}
9 changes: 0 additions & 9 deletions src/ui/yui/src/assets/css/skin/light/arrow-box-skin.css
View file
Original file line number Diff line number Diff line change
@@ -1,36 +1,27 @@
/* line 2, ../../../sass/skin/light/arrow-box-skin.scss */
.alloy-editor-arrow-box:after, .alloy-editor-arrow-box:before {
border: solid transparent;
}
/* line 7, ../../../sass/skin/light/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-top:after {
border-bottom-color: #fff;
}
/* line 11, ../../../sass/skin/light/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-top:before {
border-bottom-color: #e1e1e1;
}
/* line 17, ../../../sass/skin/light/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-bottom:after {
border-top-color: #fff;
}
/* line 21, ../../../sass/skin/light/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-bottom:before {
border-top-color: #e1e1e1;
}
/* line 27, ../../../sass/skin/light/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-left:after {
border-right-color: #fff;
}
/* line 31, ../../../sass/skin/light/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-left:before {
border-right-color: #e1e1e1;
}
/* line 37, ../../../sass/skin/light/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-right:after {
border-left-color: #fff;
}
/* line 41, ../../../sass/skin/light/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-right:before {
border-left-color: #e1e1e1;
}
25 changes: 8 additions & 17 deletions src/ui/yui/src/assets/css/skin/ocean/arrow-box-skin.css
View file
Original file line number Diff line number Diff line change
@@ -1,36 +1,27 @@
/* line 2, ../../../sass/skin/ocean/arrow-box-skin.scss */
.alloy-editor-arrow-box:after, .alloy-editor-arrow-box:before {
border: solid transparent;
}
/* line 7, ../../../sass/skin/ocean/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-top:after {
border-bottom-color: #215ec0;
border-bottom-color: #32a8e6;
}
/* line 11, ../../../sass/skin/ocean/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-top:before {
border-bottom-color: #215ec0;
border-bottom-color: #32a8e6;
}
/* line 17, ../../../sass/skin/ocean/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-bottom:after {
border-top-color: #215ec0;
border-top-color: #32a8e6;
}
/* line 21, ../../../sass/skin/ocean/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-bottom:before {
border-top-color: #215ec0;
border-top-color: #32a8e6;
}
/* line 27, ../../../sass/skin/ocean/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-left:after {
border-right-color: #215ec0;
border-right-color: #32a8e6;
}
/* line 31, ../../../sass/skin/ocean/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-left:before {
border-right-color: #215ec0;
border-right-color: #32a8e6;
}
/* line 37, ../../../sass/skin/ocean/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-right:after {
border-left-color: #215ec0;
border-left-color: #32a8e6;
}
/* line 41, ../../../sass/skin/ocean/arrow-box-skin.scss */
.alloy-editor-arrow-box.alloy-editor-arrow-box-right:before {
border-left-color: #215ec0;
border-left-color: #32a8e6;
}
56 changes: 16 additions & 40 deletions src/ui/yui/src/assets/sass/arrow-box.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,67 +11,43 @@
&:after, &:before {
bottom: 100%;
left: 50%;
}

&:after {
border-width: 7px;
margin-left: -7px;
}

&:before {
border-width: 9px;
margin-left: -9px;
border-left-width: 5px;
border-right-width: 5px;
border-bottom-width: 4px;
margin-left: -5px;
}
}

&.alloy-editor-arrow-box-bottom {
&:after, &:before {
top: 100%;
left: 50%;
}

&:after {
border-width: 7px;
margin-left: -7px;
}

&:before {
border-width: 9px;
margin-left: -9px;
border-left-width: 5px;
border-right-width: 5px;
border-top-width: 4px;
margin-left: -5px;
}
}

&.alloy-editor-arrow-box-left {
&:after, &:before {
right: 100%;
top: 50%;
}

&:after {
border-width: 7px;
margin-top: -7px;
}

&:before {
border-width: 9px;
margin-top: -9px;
border-top-width: 5px;
border-bottom-width: 5px;
border-right-width: 4px;
margin-top: -5px;
}
}

&.alloy-editor-arrow-box-right {
&:after, &:before {
left: 100%;
top: 50%;
}

&:after {
border-width: 7px;
margin-top: -7px;
}

&:before {
border-width: 9px;
margin-top: -9px;
border-top-width: 5px;
border-bottom-width: 5px;
border-left-width: 4px;
margin-top: -5px;
}
}
}
16 changes: 8 additions & 8 deletions src/ui/yui/src/assets/sass/skin/ocean/arrow-box-skin.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,41 +5,41 @@

&.alloy-editor-arrow-box-top {
&:after {
border-bottom-color: #215ec0;
border-bottom-color: #32a8e6;
}

&:before {
border-bottom-color: #215ec0;
border-bottom-color: #32a8e6;
}
}

&.alloy-editor-arrow-box-bottom {
&:after {
border-top-color: #215ec0;
border-top-color: #32a8e6;
}

&:before {
border-top-color: #215ec0;
border-top-color: #32a8e6;
}
}

&.alloy-editor-arrow-box-left {
&:after {
border-right-color: #215ec0;
border-right-color: #32a8e6;
}

&:before {
border-right-color: #215ec0;
border-right-color: #32a8e6;
}
}

&.alloy-editor-arrow-box-right {
&:after {
border-left-color: #215ec0;
border-left-color: #32a8e6;
}

&:before {
border-left-color: #215ec0;
border-left-color: #32a8e6;
}
}
}

0 comments on commit 8bdddc2

Please sign in to comment.