fix(copy btn): remove overflow from button. Refactor styles out of inlines within directive
This commit is contained in:
parent
621bc31c61
commit
024b680e68
|
@ -54,6 +54,7 @@
|
|||
@import 'module/press-kit';
|
||||
@import 'module/features';
|
||||
@import 'module/docs-landing';
|
||||
@import 'module/copy';
|
||||
|
||||
/*
|
||||
* PRINT STYLES
|
||||
|
|
|
@ -0,0 +1,10 @@
|
|||
.copy-container-template {
|
||||
position: relative;
|
||||
|
||||
& > .copy-button {
|
||||
margin-top: 8px;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
|
@ -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>'
|
||||
};
|
||||
|
|
Loading…
Reference in New Issue