testes/Css/global/Scroll.css

55 lines
2.4 KiB
CSS

/* Estilo customizado para o scroll (somente no Webkit) */
.capitulo_2 .painel_Cap::-webkit-scrollbar,
.capitulo_3 .painel_Cap::-webkit-scrollbar,
.PopPainel.EdicaoAmbientes .CorpoPainel .PainelDasborhs .Coluna_2::-webkit-scrollbar
/*Scroll do pop up da edição de um Ambiente*/
,
.PopPainel.EdicaoAmbientes .CorpoPainel::-webkit-scrollbar,
.PopPainel.CriacaoAmbientes .Bloco_3 .PainelDasborhs .Coluna_2::-webkit-scrollbar,
.PopPainel.CriacaoAmbientes #formulario::-webkit-scrollbar,
.bloco_ambiente .coluna_2 .opicaoAmbie::-webkit-scrollbar {
width: 0.2vw;
/* Largura da barra de rolagem */
height: 0.2vw;
/* Para scroll horizontal, se necessário */
}
/* Estilo para o polegar da barra de rolagem */
.capitulo_2 .painel_Cap::-webkit-scrollbar-thumb,
.capitulo_3 .painel_Cap::-webkit-scrollbar-thumb,
.PopPainel.EdicaoAmbientes .CorpoPainel .PainelDasborhs .Coluna_2::-webkit-scrollbar-thumb
/*Scroll do pop up da edição de um Ambiente*/
,
.PopPainel.EdicaoAmbientes .CorpoPainel::-webkit-scrollbar-thumb
/*Scroll do painel de itens, dentro do pop up de edição para ambientes*/
,
.PopPainel.CriacaoAmbientes .Bloco_3 .PainelDasborhs .Coluna_2::-webkit-scrollbar-thumb,
.PopPainel.CriacaoAmbientes #formulario::-webkit-scrollbar-thumb,
.bloco_ambiente .coluna_2 .opicaoAmbie::-webkit-scrollbar-thumb {
background-color: var(--Matriz);
/* Cor da parte da barra que você arrasta */
border-radius: 1vw;
/* Borda arredondada */
/* Borda ao redor do polegar */
}
/* Aumentando o tamanho do track (fundo da barra de rolagem) */
.capitulo_2 .painel_Cap::-webkit-scrollbar-track,
.capitulo_3 .painel_Cap::-webkit-scrollbar-track,
.PopPainel.EdicaoAmbientes .CorpoPainel .PainelDasborhs .Coluna_2::-webkit-scrollbar-track,
.PopPainel.EdicaoAmbientes .CorpoPainel::-webkit-scrollbar-track,
.PopPainel.CriacaoAmbientes .Bloco_3 .PainelDasborhs .Coluna_2::-webkit-scrollbar-track,
.PopPainel.CriacaoAmbientes #formulario::-webkit-scrollbar-track,
.bloco_ambiente .coluna_2 .opicaoAmbie::-webkit-scrollbar-track {
background-color: var(--Cor_Segundaria_5_2);
/* Cor do fundo do scroll */
border-radius: 10px;
/* Borda arredondada */
/* Usar diretamente a largura ou altura aqui para aumentar o track */
width: 1vw;
/* Aumentando a largura do track para o scroll vertical */
height: 1vw;
/* Aumentando a altura do track para o scroll horizontal */
}