honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(copy btn): remove overflow from button. Refactor styles out of inlines within directive

This commit is contained in:
Eric Jimenez 2016-05-12 11:38:19 -04:00 committed by Naomi Black
parent 621bc31c61
commit 024b680e68
3 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/resources/css/main.scss
View File

@ -54,6 +54,7 @@
@import 'module/press-kit'; @import 'module/press-kit';
@import 'module/features'; @import 'module/features';
@import 'module/docs-landing'; @import 'module/docs-landing';
@import 'module/copy';
/* /*
* PRINT STYLES * PRINT STYLES

10
public/resources/css/module/_copy.scss Normal file
View File

@ -0,0 +1,10 @@
.copy-container-template {
position: relative;
& > .copy-button {
margin-top: 8px;
right: 0;
z-index: 1;
position: absolute;
}
}

4
public/resources/js/directives/copy.js
View File

@ -24,8 +24,8 @@ angularIO.directive('copyContainer', function() {
restrict: 'E', restrict: 'E',
transclude: true, transclude: true,
template: template:
'<div style="position: relative; overflow: auto;">' + '<div class="copy-container-template">' +
'<copy-button style="position: absolute; top: 18px; right: 0px; z-index: 1" ></copy-button>' + '<copy-button class="copy-button"></copy-button>' +
'<ng-transclude></ng-transclude>' + '<ng-transclude></ng-transclude>' +
'</div>' '</div>'
}; };