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

View File

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

View File

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

View File

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