Ir para conteúdo


Foto

Não carrega SASS - ALL.SCSS

SAAS

  • Por favor, faça o login para responder
3 respostas neste tópico

#1 djalanramos

djalanramos

    Iniciante

  • Membros
  • Pip
  • 2 posts

Postado 05 October 2016 - 15:28

Pessoal,
Sou novo no EXT JS e estou aprendendo com o livro Mastering EXT da Loiane.
Logo no começo temos que compor o arquivo all.scss abaixo:

.x-mask.splashscreen {
	background-color: blue;
	opacity: 1;
}

.x-mask-msg.splashscreen, .x-mask-msg.splashscreen div {
	font-size: 16px;
	font-weight: bold;
	padding: 30px 5px 5px 5px;
	border: none;
	background: { 
		color : transparent;
		position: top center;
	};
}
.x-message-box .x-window-body .x-box-inner {
	min-height: 110px !important;
}

.x-splash-icon {
	background-image: url('images/app/packt-logo.png') !important;
	margin-top: -30px;
	height: 70px;
}

Minha aplicação está setada pra "classic".

Eu já adicionei este arquivo tanto em "classic/saas/etc/" quanto em "saas/etc/", já que o arquivo app.json adiciona de ambos os caminhos.

Mas não carrega nada destes arquivos ao fazer o debug pelo Chrome, consequentemente não altera as propriedades que deveriam ser alteradas.

Poderiam me ajudar?

Att.

 



#2 Wemerson Januario

Wemerson Januario

    Administrador Ext JS Brasil

  • Administrators
  • 837 posts
  • LocationGoiânia - GO

Postado 05 October 2016 - 15:41

Olá , depois que você criou o arquivo scss você compilou o sass atravez do sencha app build development?

 

Caso tenha feito isso e não resolveu, mude o nome do arquivo src/all.scss para src/view/main/Main.scss (Nome da sua view principal)


Wemerson Januario
http://wemersonjanuario.com.br
Twitter: @januariocoder

 

Treinamento e Consultoria Ext JS. Qualifique-se já!


#3 djalanramos

djalanramos

    Iniciante

  • Membros
  • Pip
  • 2 posts

Postado 05 October 2016 - 16:36

Não compilei novamente, porque o arquivo já existe dentro da aplicação e é deixado em branco justamente pra isso.

Na minha opinião deveria funcionar sem precisar de compilar.

Não tenho como ficar compilando o projeto, ele está dentro de um projeto de JAVA para utilizar API REST via AJAX.

Mas fui pelo mais fácil (não correto) e coloquei as alterações dentro do CSS principal e desta forma funcionou.

Agradeço a resposta, mas achei bem bizarro ter que compilar algo que não foi alterado nada dentro da estrutura da aplicação front-end.

Valew!



#4 Wemerson Januario

Wemerson Januario

    Administrador Ext JS Brasil

  • Administrators
  • 837 posts
  • LocationGoiânia - GO

Postado 05 October 2016 - 16:49

Opa, neste caso tem que compilar(buildar) sim para gerar o css pra vc.

Na verdade houve alteração sim, no conteúdo do scss e para você ver o resultado terá que transformar o scss em css e quem faz isso é o compilador do CMD.

 

Espero ter ajudado

Vlws


Wemerson Januario
http://wemersonjanuario.com.br
Twitter: @januariocoder

 

Treinamento e Consultoria Ext JS. Qualifique-se já!






Tópicos que também usam as tags SAAS:

0 usuário(s) está(ão) lendo este tópico

0 membros, 0 visitantes, 0 membros anônimos