added css to the inner iframe menu

This commit is contained in:
Nils Norman Haukås 2015-12-06 20:15:01 +01:00
parent 12058662de
commit b1b158ad58
3 changed files with 8 additions and 15 deletions

View file

@ -4,9 +4,11 @@
<title>This will be an iframe programmatically included into a parent page.</title>
<script src="vendor/vendor.js"></script>
<script src="bundle.js"></script>
<link href="vendor/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body ng-app="tagit">
<div id="tagit-menu" class="tagit-menu" ng-controller="MenuCtrl">
<body id="tagit-menu" ng-app="tagit" class="tagit-menu">
<div ng-controller="MenuCtrl">
<br/>

View file

@ -42,14 +42,14 @@ module tagIt {
onSenseSelect(sense: ISense) {
//remove all tags so that new tag range is serialized
//based on a document without any highlights
//based on a document without any highlights
this.webPageService.removeAllTagsFromPage(() => {
//initialize and save the new tag
var senseTag = this.webPageService.initializeNewTag(sense);
this.tagStorageService.saveTag(senseTag);
this.backendService.sendTaggedDataToServer(senseTag);
//re-add tags, with new tag. Clear menu options.
//re-add tags, with new tag. Clear menu options.
this.webPageService.readdTagsToPage(
this.tagStorageService.loadTags()
);

View file

@ -9,23 +9,14 @@
position: fixed;
overflow-y: auto;
width: 30%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
background-color: #ccc;
padding: 10px;
}
.tagit-iframe,
.tagit-menu {
position: fixed;
overflow-y: auto;
width: 30%;
top: 0;
left: 0;
bottom: 0;
background-color: #ccc;
padding: 10px;
height: 100%;
}
.tagit-menu ul {