Browse Source

se agregaron nuevos estilos a toda la aplicacion

pull/1/head
mramirezg 9 months ago
parent
commit
07444891c1
6 changed files with 134 additions and 6 deletions
  1. +125
    -3
      frontend/themes/soportet.iv1.2/styles.css
  2. BIN
      src/main/bundles/dev.bundle
  3. +1
    -1
      src/main/java/mx/gob/jumapacelaya/Application.java
  4. +1
    -1
      src/main/java/mx/gob/jumapacelaya/views/MainLayout.java
  5. +2
    -0
      src/main/java/mx/gob/jumapacelaya/views/crearnuevoticket/CrearnuevoTicketView.java
  6. +5
    -1
      src/main/java/mx/gob/jumapacelaya/views/login/LoginView.java

+ 125
- 3
frontend/themes/soportet.iv1.2/styles.css View File

@ -1,5 +1,127 @@
@import url('./main-layout.css');
:root {
--vaadin-progress-bar-color: #FF5722;
}
/* Estilo especificos para el login form */
vaadin-login-form.special, vaadin-login-form.special::part(container) {
background-color: rgba(105, 27, 49, 0.8);
border-radius: 30px;
}
vaadin-login-form-wrapper {
background-color: rgba(221, 201, 163, 1);
border-radius: 30px;
}
/*letras de los label*/
vaadin-login-form-wrapper ::part(label) {
color: #6f7271;
transform: scale(1.2);
}
/*letras de los enlaces*/
vaadin-login-form-wrapper a {
color: #691b31;
transform: scale(1.2);
}
/*vaadin-login-form input{
background-color:#ddc9a3!important ;
}*/
vaadin-login-form vaadin-button[theme~="submit"] {
background-color: #691b31;
}
vaadin-login-form-wrapper::part(form-title) {
color: #691b31;
}
vaadin-login-form-wrapper::part(error-message) {
color: #a02142;
}
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* Estilos específicos para el ComboBox */
vaadin-combo-box::part(input-field) {
background-color: #ddc9a3; /* Color de fondo */
color: #691b31; /* Color del texto */
border: 1px solid #691b31; /* Color del borde */
}
vaadin-combo-box::part(label) {
color: #691b31; /* Color de las etiquetas */
}
vaadin-combo-box::part(dropdown) {
background-color: rgba(221, 201, 163, 1); /* Color del fondo del dropdown */
}
vaadin-combo-box-item::part(checkmark)::before, vaadin-combo-box-item:hover
{
color: #691b31;
}
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* Estilos específicos para el Upload */
vaadin-upload > vaadin-button {
color: #691b31;
}
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* Estilos especificos para el TextField y TextArea */
vaadin-text-field::part(label), vaadin-text-area::part(label) {
color: #691b31;
}
vaadin-text-field::part(input-field), vaadin-text-area::part(input-field), vaadin-password-field::part(input-field) {
border: 1px solid #691b31;
}
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/*Estilos especificos para el SideNav */
vaadin-side-nav-item[aria-current="page"]::part(content) {
color: #a02142; /* Color de texto seleccionado */
}
vaadin-side-nav-item:hover::part(content) {
background-color: #ddc9a3; /* Color de fondo al hacer hover*/
fill-opacity: 50%;
border-radius: 5px;
}
vaadin-side-nav-item::part(content) {
color: #a02142; /* Color del texto deseado */
}
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/*Estilos especificos para el Grid */
vaadin-grid::part(selected-row-cell) {
background-color: #ddc9a3;
opacity: 100%;
}
vaadin-grid::part(selected-row) {
color: #691b31;
font-weight: bold;
}
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/*Estilos especificos para la barra de carga */
vaadin-progress-bar::part(bar) {
background-color: #691b31;
color: #691b31;
}
vaadin-progress-bar::part(value) {
background-color: #691b31;
color: #691b31;
}

BIN
src/main/bundles/dev.bundle View File


+ 1
- 1
src/main/java/mx/gob/jumapacelaya/Application.java View File

@ -19,7 +19,7 @@ import org.springframework.boot.autoconfigure.web.servlet.error.ErrorMvcAutoConf
*
*/
@SpringBootApplication(exclude = ErrorMvcAutoConfiguration.class)
@Theme(value = "soportet.iv1.2")
@Theme("soportet.iv1.2")
@JsModule("@vaadin/vaadin-lumo-styles/presets/compact.js")
@PWA(name = "Sistema de Soporte Técnico", shortName = "Soporte T.I", iconPath = "images/960x960nuevo.png")
public class Application implements AppShellConfigurator {


+ 1
- 1
src/main/java/mx/gob/jumapacelaya/views/MainLayout.java View File

@ -83,7 +83,7 @@ public class MainLayout extends AppLayout {
Scroller scroller = new Scroller(createNavigation());
scroller.getStyle().set("background-color", "#A02142");
scroller.getStyle().set("background-color", "#691b31");
addToDrawer(headerLayout, scroller, createFooter());
}


+ 2
- 0
src/main/java/mx/gob/jumapacelaya/views/crearnuevoticket/CrearnuevoTicketView.java View File

@ -6,6 +6,7 @@ import com.nimbusds.jose.shaded.gson.JsonParser;
import com.vaadin.flow.component.button.Button;
import com.vaadin.flow.component.button.ButtonVariant;
import com.vaadin.flow.component.combobox.ComboBox;
import com.vaadin.flow.component.dependency.CssImport;
import com.vaadin.flow.component.html.H2;
import com.vaadin.flow.component.html.Paragraph;
import com.vaadin.flow.component.html.Span;
@ -38,6 +39,7 @@ import java.util.stream.Collectors;
@Route(value = "", layout = MainLayout.class)
@PermitAll
@PageTitle("Nuevo ticket")
@CssImport("./themes/soportet.iv1.2/styles.css")
public class CrearnuevoTicketView extends VerticalLayout {
private final RedmineClient api;


+ 5
- 1
src/main/java/mx/gob/jumapacelaya/views/login/LoginView.java View File

@ -1,5 +1,6 @@
package mx.gob.jumapacelaya.views.login;
import com.vaadin.flow.component.dependency.CssImport;
import com.vaadin.flow.component.html.Image;
import com.vaadin.flow.component.login.LoginForm;
import com.vaadin.flow.component.login.LoginI18n;
@ -18,12 +19,14 @@ import org.slf4j.LoggerFactory;
@Route("login")
@PageTitle("Login")
@AnonymousAllowed
@CssImport("./themes/soportet.iv1.2/styles.css")
public class LoginView extends VerticalLayout implements BeforeEnterObserver {
private static final Logger log = LoggerFactory.getLogger(LoginView.class);
private final LoginForm login = new LoginForm();
public LoginView(UserService userService, RedmineClient redmineClient) {
login.addClassName("special");
// Configuración de la vista
addClassName("login-rich-content");
@ -68,6 +71,7 @@ public class LoginView extends VerticalLayout implements BeforeEnterObserver {
VerticalLayout loginFormContainer = new VerticalLayout();
Image imageLogin = new Image("images/JUMAPA_NVO.png", "Logo");
imageLogin.setWidth("300px");
loginFormContainer.add(imageLogin);
loginFormContainer.add(login);
loginFormContainer.setSizeUndefined();
@ -75,7 +79,7 @@ public class LoginView extends VerticalLayout implements BeforeEnterObserver {
loginFormContainer.setMargin(false);
loginFormContainer.setAlignItems(Alignment.CENTER);
loginFormContainer.setJustifyContentMode(JustifyContentMode.CENTER);
//loginFormContainer.getElement().getThemeList().add("dark");
loginFormContainer.getElement().getThemeList().add("dark");
// Añadir la imagen y el contenedor del formulario al layout principal
mainLayout.add(loginFormContainer, logo);


Loading…
Cancel
Save