Commit 09057c7b authored by Rene Saarsoo's avatar Rene Saarsoo
Browse files

Display title text on loading screen. 

Instead of using hardcoded image with text "Sencha Docs".
parent 1395a203

template/resources/images/loading-title.png

deleted100644 → 0
−2.7 KiB
Loading image diff...

template/resources/sass/_loading.scss

+10 −16
Original line number Diff line number Diff line 
// Styles for loading screen

@import "variables";



#loading {

  position: absolute;

  width: 180px;

  margin: -70px 0 0 -90px;

  height: 140px;

  top: 50%;

  left: 50%;

  width: 100%;

  margin-top: -70px;

  .title {

    background: url(../images/loading-title.png) no-repeat;

    position: absolute;

    display: block;

    top: 0;

    left: 0px;

    width: 180px;

    height: 27px; }

    font-family: $docs-heading-font;

    font-size: 2em;

    color: gray;

    text-align: center;

    white-space: nowrap;

    display: block; }

  .logo {

    background: url(../images/loading.gif) no-repeat;

    position: absolute;

    background: url(../images/loading.gif) no-repeat center;

    display: block;

    top: 25px;

    left: 22px;

    width: 120px;

    height: 120px; } }

template/template.html

+1 −1
Original line number Diff line number Diff line
@@ -33,7 +33,7 @@ 
</head>

<body id="ext-body">



  <div id="loading"><span class="title"></span><span class="logo"></span></div>

  <div id="loading"><span class="title">{title}</span><span class="logo"></span></div>



  <div id="header-content">{header}</div>

  {welcome}