UNPKG

ajsfw

Version:
14 lines (13 loc) 2.15 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var Tsx_1 = require("ajsfw/dbg/lib/tsx/Tsx"); var LoggerStyleSheet = (function () { function LoggerStyleSheet(log) { this._log = log; } LoggerStyleSheet.prototype.render = function () { return (Tsx_1.AjsDebugTsxFactory.createElement("style", { type: "text/css" }, ".ajsDebugLogHeaderContainer ^ position: absolute; left: 10px; top: 70px; right: 10px; overflow: hidden; border: solid 1px silver; -webkit-overflow-scrolling: touch; box-sizing: border-box; white-space: nowrap; $ .ajsDebugLogHeader ^ font-size: 12px; display: inline-block; box-sizing: border-box; width: 100%; $ .ajsDebugLogHeader tr ^ display: inline-block; box-sizing: border-box; $ .ajsDebugLogHeader th ^ width: 1px; padding: 0.25em; white-space: nowrap; border-right: solid 1px silver; border-bottom: solid 1px silver; background-color: grey; color: white; display: inline-block; box-sizing: border-box; overflow: hidden; $ .ajsDebugLogContainer ^ position: absolute; border: solid 1px silver; left: 10px; top: 90px; bottom: 45px; right: 10px; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; $ .ajsDebugLogHeaderBody ^ width: 100%; border-left: solid 1px silver; border-top: solid 1px silver; font-size: 12px; $ .ajsDebugLogBody ^ width: 100%; $ .ajsDebugLogBody tr[ajsselected=\"true\"] ^ background-color: navy; color: white; $ .ajsDebugLogBody tr[ajsmarked=\"true\"] ^ background-color: darkgrey; color: white; $ .ajsDebugLogBody tr[ajsbreakpoint=\"true\"] ^ color: red; $ .ajsDebugLogBody td ^ padding: 0.25em; white-space: nowrap; border-right: solid 1px silver; border-bottom: solid 1px silver box-sizing: border-box; font-size: 12px; $ .ajsDebugLogEnter ^ background-color: #F4FFF4; $ .ajsDebugLogExit ^ background-color: #FCFCFC; $ .ajsDebugLogConstructor ^ background-color: #FFEDFE; $ .ajsDebugLogInfo ^ background-color: transparent; $ .ajsDebugLogWarning ^ background-color: #FFE7C4; $ .ajsDebugLogError ^ background-color: #FF6060; $")); }; return LoggerStyleSheet; }()); exports.LoggerStyleSheet = LoggerStyleSheet;