Commit b81c4fb9 authored by Konstantin Schulz's avatar Konstantin Schulz
Browse files

bug fix: share link in the preview page is now displayed correctly

parent 0d7eab89
......@@ -14,7 +14,7 @@ Make sure to assign at least 4GB RAM (Memory) to the Docker container, otherwise
2. Move to the newly created folder: `cd mc_frontend`
3. Run `npm install`
4. Run `npm install -g @angular/cli` (you may need `sudo`).
5. Check that the Angular command line interface is installed by running `which ng`. It should print the path to the Angular CLI executable.
5. Check that the Angular command line interface is installed by running `ng --version`. It should print the version of the Angular CLI.
6. Run `npm start`.
If you already ran `npm install` and the CLI still complains about missing dependencies, install them one by one using `npm install DEPENDENCY_NAME`.
7. Open http://localhost:8100 in your browser.
......
{
"name": "mc_frontend",
"version": "1.3.5",
"version": "1.3.6",
"author": "Ionic Framework",
"homepage": "https://ionicframework.com/",
"scripts": {
......
......@@ -25,20 +25,21 @@
</ion-row>
<ion-row>
<ion-col>
<button class="button-icon-only" (click)="toggleShareLink()">
<button class="button-icon-only share-link" (click)="toggleShareLink()">
<ion-icon name="share"></ion-icon>
<ion-label>{{ "SHARE" | translate}}</ion-label>
</button>
</ion-col>
</ion-row>
<ion-row *ngIf="shareLink">
<ion-col size="11">
<ion-textarea id="shareLink" (ionFocus)="selectLink()" [(ngModel)]="shareLink"></ion-textarea>
</ion-col>
<ion-col size="1">
<button class="button-copy-link" (click)="copyLink()">
<ion-icon name="copy"></ion-icon>
</button>
<ion-col>
<label class="share-link">
<textarea id="shareLink" (focus)="selectLink()"
[(ngModel)]="shareLink"></textarea>
<button class="button-copy-link" (click)="copyLink()">
<ion-icon name="copy"></ion-icon>
</button>
</label>
</ion-col>
</ion-row>
<ion-row *ngIf="HelperService.isVocabularyCheck">
......
......@@ -11,22 +11,25 @@ h5 {
display: inline-block;
}
ion-textarea {
border-radius: 10px;
border: solid;
border-color: lightgrey !important;
ion-label {
vertical-align: super;
}
ol {
text-align: left;
}
textarea {
border-radius: 10px;
border: solid lightgrey;
}
.button-copy-link {
-ms-transform: scale(1.5); /* IE */
-moz-transform: scale(1.5); /* FF */
-webkit-transform: scale(1.5); /* Safari and Chrome */
-o-transform: scale(1.5); /* Opera */
margin-top: 25px;
vertical-align: super;
}
.button-icon-only {
......@@ -39,3 +42,11 @@ ol {
.first {
max-width: 250px;
}
.share-link {
float: left;
}
#shareLink{
margin-right: 10px;
}
......@@ -29,7 +29,7 @@ export class PreviewPage implements OnDestroy, OnInit {
public showInstructions = false;
public solutionIndicesString: string;
public solutionNodeIdSet: Set<string> = new Set<string>();
public textareaSelector = '#shareLink textarea';
public textareaSelector = '#shareLink';
public urlBase: string;
constructor(public navCtrl: NavController,
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment