testes/Css/global/Scroll.css

32 lines
1.1 KiB
CSS

/* Estilo customizado para o scroll (somente no Webkit) */
.Capitulo_1 .linha_1 .Corpo::-webkit-scrollbar,
.Pop_up_Config.PainelUser .FormeApresente::-webkit-scrollbar {
width: 0.2vw;
/* Largura da barra de rolagem */
height: 0.2vw;
/* Para scroll horizontal, se necessário */
}
.Capitulo_1 .linha_1 .Corpo::-webkit-scrollbar-thumb,
.Pop_up_Config.PainelUser .FormeApresente::-webkit-scrollbar-thumb {
background-color: var(--Cor_Segundaria_2_1);
/* 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_1 .linha_1 .Corpo::-webkit-scrollbar-track,
.Pop_up_Config.PainelUser .FormeApresente::-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 */
}