/
githubmirror
/
oppia
Обзор
Документация
Войти
/
githubmirror
/
oppia
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
develop
extensions/interactions/PencilCodeEditor/directives/pencil-code-editor-interaction.component.html
48 строк
1 KB
Himkar_Singh
Fix #21123: problem in adding pencil interaction. (#21926)
03 мар 2025, 11:06
Не верифицирован
03 мар 2025, 11:06
ff1f81f
Код
Авторство
О чём код?
<div class="pencil-code-editor-container"> <div [hidden]="pencilCodeEditorIsLoaded" class="pencil-code-editor-iframe oppia-pencil-code-editor-iframe"> <div></div> </div> <div *ngIf="pencilCodeEditorIsLoaded" class="oppia-error-message-container"> Failed to load the editor. Please try refreshing. </div> <div *ngIf="!pencilCodeEditorIsLoaded" class="oppia-reset-code-button-container"> <button mat-button class="oppia-reset-code-text" (click)="reset()" [disabled]="!interactionIsActive" [innerHTML]="'I18N_RESET_CODE' | translate"> </button> </div> </div> <style> .pencil-code-editor-container { background: #fff; max-width: 100%; padding: 8px; width: 100%; } .oppia-pencil-code-editor-iframe { height: 500px; position: relative; } .oppia-reset-code-button-container { margin-top: 4px; } .oppia-reset-code-text { color: #333; } .oppia-reset-code-text:hover { background-color: #f5f5f5; } .oppia-error-message-container { color: red; margin-top: 10px; padding: 10px; text-align: center; } @media screen and (max-width: 959px) { .pencil-code-editor-container { width: 100vw; } } </style>